/*-----------------------------------------------------------------------------------

    Template Name: 
    Template URI: 
    Description: This is html5 template
    Author: Voidcoders
    Author URI: 
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================
  
    1. Theme default CSS
    2. Home 1 CSS
    2.1 Header CSS
        2.2 Hero CSS 
        2.3 Services CSS
        2.4 About Us CSS
        2.5 How We Work CSS
        2.6 Our Approach CSS
        2.7 Why We Best CSS
        2.8 Our Case Study CSS
        2.9 Recent Blog CSS
        2.10 Footer CSS
    3. Home 2 CSS
        3.1 Header CSS
        3.2 Hero 2 CSS
        3.3 Services 2 CSS
        3.4 About CSS
        3.5 How We Work 2 CSS
        3.6 Exclusive Services CSS
        3.7 Fun Fact CSS
        3.8 Recent Project CSS
        3.9 Team Area CSS
        3.10 Testimonial CSS
        3.11 Recent Blog CSS
        3.12 Footer CSS
    4. Home 3 CSS
        4.1 Header CSS
        4.2 Hero CSS 
        4.3 Sponsor CSS
        4.4 Services CSS
        4.5 About US CSS
        4.6 Why We Best
        4.7 Our Speciality CSS
        4.8 Case Study CSS
        4.9 Team Area CSS
        4.10 Our Blog
        4.11 Footer CSS
    5. Home 4 CSS
        5.1 Header CSS
        5.2 Hero CSS
        5.3 About CSS
        5.4 About Agency CSS
        5.5 Why Us CSS
        5.6 How We Work CSS
        5.7 portfolio-single CSS
        5.8 Case Study CSS
        5.9 Recent Blog CSS
        
        5.10 Footer CSS
   

    6. Home 5 CSS

    7. About Page V1 CSS

    8. About Page V2 CSS

    9. Services Page V1 CSS

    10. Services Page V2 CSS

    11. Services Page V3 CSS

    12. Services Details V1 CSS

    13. Services Details V2 CSS

    14. Services Details V3 CSS

    15. Contact US V1 CSS

    16. Contact US V2 CSS

    17. Portfolio V1
    18. Portfolio V2
    19. Portfolio V3
    20. Portfolio V4
    21. Portfolio V5
    22. Portfolio V6

    23. Portfolio Details V1
    24. Portfolio Details V2

    25. Shop Page V1
    26. Shop Page V2
    27. Shop Page V3

    28. Cart Page CSS
    29. Checkout Page CSS

    30. Blog 1 CSS
    31. Blog 2 CSS
    32. Blog 3 CSS
    33. Blog 4 CSS
    34. Blog 5 CSS
    35. Blog 6 CSS
    36. Blog Details V1 CSS
    37. Blog Details V2 CSS
    38. Blog Details V3 CSS
    39. Faq Page CSS
    40. Pricing Page CSS
    41. Coming Soon Page CSS
    42. 404 Page CSS
    43. Product Details
-----------------------------------------------------------------------------------*/


/*----------------------------------------*/
/*  1. Theme default CSS
/*----------------------------------------*/

.clear {
    clear: both
}

::-moz-selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

.no-mar {
    margin: 0!important;
}

.no-pad {
    padding: 0!important;
}
/*
div#preloader {
    background: #0e111f url(../img/loader.gif) no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
*/

.loader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.loader .text {
	font-weight: bold;
	font-family: monospace;
	font-size: 30px;
	line-height: 1.5;
	color: rgba(27, 28, 31, 0);
	background: linear-gradient(90deg,rgb(27, 28, 31) calc(50% - 0.5ch), #fd4302 0 calc(50% + 0.5ch),rgb(27, 28, 31) 0) right/calc(200% + 1ch) 100%;
	background-clip: text;
	animation: l8 2s infinite steps(11);
}
@keyframes l8 {to{background-position: left}}

header.navbar-fixed-top {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    position: fixed !important;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.mar-bot-50 {
    margin-bottom: 50px;
}

.mar-bot-40 {
    margin-bottom: 40px;
}

.mar-bot-35 {
    margin-bottom: 35px;
}

.mar-bot-30 {
    margin-bottom: 30px;
}

.mar-top-30 {
    margin-top: 30px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-55 {
    margin-top: 55px;
}

.mar-top-108 {
    margin-top: 108px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

html {
	--color-orange: #ff4b00;
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1.5px;
    color: #888;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

button,
input,
textarea {
    letter-spacing: 1px;
}



/* 
Table Of Contents
=========================
- Default Typography
- Custom Typography
=========================
*/


/* 
--------------------------
- Default Typography
--------------------------
*/

body {
    font-family: 'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    letter-spacing: 1.5px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    font-family: 'Poppins', sans-serif;
}

h1 {
    font-size: 36px;
    line-height: 70px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

h2 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 0px;
}

h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0px;
}

h4 {
    font-size: 20px;
    line-height: 27px;
}

h5 {
    font-size: 16px;
    line-height: 24px;
}

h6 {
    font-size: 14px;
    line-height: 24px;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
}

p img {
    margin: 0;
}

span {
    font-family: 'Poppins', sans-serif;
}


/* em and strong */

em {
    font: 15px/30px;
}

strong,
b {
    font: 15px/30px;
}

small {
    font-size: 11px;
    line-height: inherit;
}


/*  blockquotes */

blockquote {
    border-left: 0 none;
    font-family: 'Poppins', sans-serif;
    margin: 10px 0;
    padding-left: 40px;
    position: relative;
}

blockquote::before {
    color: #4e5665;
    content: "";
    font-family: FontAwesome;
    font-size: 36px;
    left: 20px;
    line-height: 0;
    margin: 0;
    opacity: 0.5;
    position: absolute;
    top: 20px;
}

blockquote p {
    font-style: italic;
    padding: 0;
    font-size: 18px;
    line-height: 36px;
}

blockquote cite {
    display: block;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
    color: #8B9798;
    border: none
}

/* abbreviations */

abbr {
    color: #444;
    font-weight: 700;
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: .6px;
}

abbr:hover {
    cursor: help;
}

/* links */

a,
a:visited {
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #111;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    outline: 0;
}

a:hover,
a:active {
    color: #00b0ff;
    text-decoration: none;
    outline: 0;
}

a:focus {
    text-decoration: none;
    outline: 0;
}

p a,
p a:visited {
    line-height: inherit;
    outline: 0;
}

a.active-page {
    color: #e6ae48!important;
}


/* list */

ul,
ol {
    margin-bottom: 0px;
    margin-top: 0px;
}

ul {
    margin: 0;
}

ol {
    list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
    margin-left: 0px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 0;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
    margin-bottom: 0px;
}

li {
    line-height: 18px;
    margin-bottom: 0px;
}

ul.large li {}

li p {}


/* definition list */

dl {
    margin: 12px 0;
}

dt {
    margin: 0;
    color: #11ABB0;
}

dd {
    margin: 0 0 0 20px;
}

button {}

.btn-style-a,
.btn-style-c,
.btn-style-d {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 10px 20px;
    
    border-radius: 5px;
    transition: .5s ease;
}

.btn-style-a {
    border: 2px solid #02cc87;
}
.btn-style-a:hover {
    background-color: #02cc87;
}

.btn-style-c {
    border: 2px solid #fff;
}
.btn-style-c:hover {
    background-color: var(--color-orange);
    border: 2px solid var(--color-orange);
}

.btn-style-b {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #fff !important;
    background-color: #1b1c1f;
    padding: 10px 25px;
    border-radius: 5px;
    transition: .5s ease;
    display: inline-block;
}

.btn-style-b:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.btn-style-d {
    background-color: transparent;
    border-radius: 25px;
    min-width: 150px;
    border: 2px solid #fff;
    display: inline-block;
    padding: 8px 10px;
    transition: .5s ease;
}

.btn-style-d:hover {
    border: 2px solid #0c78af;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
}


.btn-style-d_2 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #fff !important;
    border-radius: 25px;
    display: inline-block;
    padding: 8px 30px;
    transition: .5s ease;
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-color: #04bb8f;
}
.btn-style-d_2:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.sp2-btn {
    font-size: 16px;
    letter-spacing: 0px;
    color: #fff !important;
    background-color: var(--color-orange);
    padding: 10px 20px;
    display: inline-block;
    border-radius: 5px;
    transition: .5s ease;
}

.sp2-btn:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn-style-e {
    font-size: 14px;
    color: #3b3f54;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 10px 20px;
    background-color: #c5cbf6;
    border-radius: 5px;
    transition: .5s ease;
}
.btn-style-e:hover {
    color: #fff;
    background-color: #02cc87;
}

/* 
--------------------------
- Custom Typography
--------------------------
*/


/* Your Custom Typography. */


/*----------------------------------------*/
/*  2. Home 1 CSS
/*----------------------------------------*/
.section-padding {
    padding: 100px 0px;
}
.section-title {
    position: relative;
    text-align: center;
    padding: 25px 0px;
}

.section-title p {
    font-size: 24px;
    color: #3b3f54;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 20px;
}

.section-title h3 {
    font-size: 36px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 500;
    line-height: 50px;
}

.section-title2 {
    position: relative;
    text-align: center;
    padding: 25px 0px;
}

.section-title2 p {
    font-size: 16px;
    color: #3b3f54;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 20px;
}

.section-title2 h3 {
    font-size: 36px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 500;
    line-height: 50px;
}

.section-paragraph {
    position: relative;
}

.section-paragraph p {
    font-size: 14px;
    color: #3b3f54;
    letter-spacing: 0px;
    line-height: 24px;
    margin-bottom: 30px;
}
/* 2.1 Header CSS */
.headerV1.navbar-fixed-top {
    background-color: #1b1c1f;
}
.headerV1 {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.h-tob-bar {
    position: relative;
    padding: 15px 0px 5px;
    border-bottom: 1px solid #6780ff;
}

.htb {}

.htb-left {}

ul.h-social {
    position: relative;
    padding: 0;
    list-style-type: none;
}

ul.h-social li {
    display: inline-block;
    margin: 5px;
}
ul.h-social li:first-child{
    margin-left: 0px;
}

ul.h-social li a {
    color: #fff;
    font-size: 16px;
}

ul.h-social li a i {}

ul.h-social li a:hover {
    color: #02cc87;
}

.htb-right {}

.htb-right ul {
    position: relative;
    padding: 0;
    list-style-type: none;
    text-align: right;
}

.htb-right ul li {
    display: inline-block;
    letter-spacing: 0px;
    color: #fff;
    margin: 5px;
}

.htb-right ul li:last-child{
    margin-right: 0px;
}

.htb-right ul li i {
    font-size: 16px;
    margin-right: 5px;
}

.htb-right ul li span {}

.desktop-menu {
    padding: 15px 0px;
}

.logo img {
	display: block;
	height: 30px;
}

.main-menu nav {
	display: inline-flex;
	align-items: center;
}

.search-and-cart-btn,
.menu2-btn{
    position: relative;
    display: inline-block;
	margin-left: 20px;
}

.srch-btn {
    margin-right: 10px;
    position: relative;
    min-width: 40px;
}

.cart-btn {}

.srch-btn,.cart-btn {
    display: inline-block;
}

.main-menu nav >ul {margin-right: 0;display: inline-block;}

.main-menu {
    text-align: right;
}

.search-and-cart-btn a {
    color: #fff;
    font-size: 16px;
}
form.search-form {
    position: absolute;
    right: 0;
    height: 40px;
    bottom: -15px;
}
/* @import url("nav-menu.css"); */

/* Cart CSS */
.cart-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1140px;
}
.cart-badge {
    background-color: #6394F8;
    border-radius: 10px;
    color: white;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
  
.shopping-cart {
    display: none;
    margin: 10px 0;
    float: right;
    background: #fff;
    width: 350px;
    position: absolute;
    border-radius: 3px;
    padding: 20px;
    right: 0;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 1;
}
.shopping-cart .shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
}
.shopping-cart .shopping-cart-header .shopping-cart-total {
    float: right;
}
.shopping-cart .shopping-cart-items {
    padding: 20px 0;
    list-style-type: none;
}
.shopping-cart .shopping-cart-items li {
    margin-bottom: 18px;
}
.shopping-cart .shopping-cart-items img {
    float: left;
    margin-right: 12px;
}
.shopping-cart .shopping-cart-items .item-name {
    display: block;
    padding-top: 10px;
    font-size: 16px;
    letter-spacing: 0px;
}
.shopping-cart .shopping-cart-items .item-price {
    color: #6394F8;
    margin-right: 8px;
    letter-spacing: 0px;
}
.shopping-cart .shopping-cart-items .item-quantity {
    color: #ABB0BE;
    letter-spacing: 0px;
}
  
.shopping-cart:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    border-width: 8px;
    margin-left: -8px;
}
  
.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}
  a.checkout-button {
    background-color: #1b1c1f;
    color: #fff;
    padding: 8px 14px;
    border-radius: 5px;
    letter-spacing: 0px;
    font-size: 12px;
    transition: .5s ease;
}

a.checkout-button:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Search CSS */
.search-wrapper {
    position: relative;
    border-radius: 20px;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: 250ms ease;
  }
  .search-wrapper.focused {
    width: 200px;
    background-color: #fff;
}
  .search-wrapper.focused input {
    padding: 0 40px 0 13px;
    width: 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
.search-wrapper input {
    background: transparent;
    border: 0;
    color: #000;
    font-weight: 300;
    outline: none;
    height: 40px;
    width: 0;
    overflow: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: 275ms ease;
}
  .search-wrapper input::-webkit-input-placeholder {
    color: #cccccc;
  }
  .search-wrapper input:-ms-input-placeholder {
    color: #cccccc;
  }
  .search-wrapper input::-ms-input-placeholder {
    color: #cccccc;
  }
  .search-wrapper input::placeholder {
    color: #cccccc;
  }
  .search-wrapper i {
    position: absolute;
    color: #fff;
    font-size: 18px;
    top: 50%;
    right: 13px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.search-wrapper.focused i {
    color: #000;
}
/* -----Header CSS END----- */

/* 2.2 Hero CSS  */
.hero-area {
    position: relative;
    padding: 100px 0px 200px;
    background-image: url(../img/bg/hero-bg-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.hero-area:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(20, 50, 208, 0.85);
    top: 0;
    left: 0;
}

.hero-text {
    position: relative;
    text-align: center;
    max-width: 850px;
    margin: 25px auto;
    padding-top: 80px;
}

.hero-text h3 {
    font-size: 48px;
    color: #fff;
    line-height: 60px;
    letter-spacing: 0px;
}

.hero-text p {
    font-size: 18px;
    letter-spacing: 0px;
    color: #fff;
    max-width: 720px;
    margin: 40px auto;
    line-height: 36px;
}

.hero-btn {
    position: relative;
}

.hero-btn a {
    color: #fff;
    margin: 5px;
}


/* -----Hero CSS END----- */

/* 2.3 Services CSS */
.services-area {
    position: relative;
    padding: 80px 0px;
    background-image: url(../img/bg/services-area-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    margin-top: -140px;
}
.services-area .section-title {
    max-width: 520px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.services-area .splide__slide {
    display: flex;
}
.single-services {
    position: relative;
    padding: 25px;
    width: 100%;
    margin: 15px auto;
    transition: .5s ease;
    overflow: hidden;
	border: 1px solid silver;
}
.ss-icon {
    position: relative;
    margin-top: 8px;
}
:has(> :is(img, svg)).ss-icon {
    height: 65px;
	color: var(--color-orange);
}
.ss-icon svg {
	height: 100%;
}
.ss-icon i {
    color: var(--color-orange);
    font-size: 80px;
    line-height: 80px;
    transition: .5s ease;
}

.ss-icon i:before {
    font-size: inherit;
    margin: 0;
}

.single-services:hover .ss-icon i {
    color: #fff;
}
.ss-icon .ssi-p {
    display: block;
}

.ss-icon .ssi-h {
    display: none;
}

.ss-icon .ss-text {}

.ss-text {
    position: relative;
    margin-bottom: 15px;
}

.ss-text h4 {
    font-size: 20px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 600;
    padding: 15px 0px;
    transition: .5s ease;
}

.ss-text p {
    font-size: 14px;
    letter-spacing: 0px;
    color: #3b3f54;
    line-height: 22px;
    margin-bottom: 15px;
    transition: .5s ease;
}

.ss-icon img {
    height: 65px;
    width: 65px;
    margin-bottom: 10px;
    transition: .5s ease;
}

.single-services:hover {
    background-color: #1b1c1f;
}

.single-services:hover .ss-icon .ssi-p {
    display: none;
}

.single-services:hover .ss-icon .ssi-h {
    display: block;
}

.ss-text a {
    font-size: 14px;
    letter-spacing: 0px;
}

.ss-text a i {
    padding-left: 8px;
}

.single-services:hover .ss-text h4,
.single-services:hover .ss-text p,
.single-services:hover .ss-text a {
    color: #fff;
}
.single-services:after {
    position: absolute;
    content: url(../img/icons/service-bg-hover.png);
    left: 40px;
    bottom: 30px;
    transition: .5s ease;
    opacity: 0;
}
.single-services:before {
    position: absolute;
    content: url(../img/icons/service-bg-hover.png);
    right: 40px;
    top: 30px;
    transform: rotate(180deg);
    transition: .5s ease;
    opacity: 0;
}
.single-services:hover:after {
    opacity: 1;
    left: 0;
    bottom: -10px;
}
.single-services:hover:before {
    opacity: 1;
    right: 0;
    top: -10px;
}
/* --------Services CSS END-------- */

/* 2.4 About Us CSS */
.about-us {
    position: relative;
    padding: 25px 0px;
    background-image: url(../img/bg/about-bg-overlay.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    overflow: hidden;
}
.about-us .section-title {
    text-align: left;
    margin-bottom: 10px;
}
.about-img {
    position: relative;
    padding-top: 135px;
    z-index: 1;
}
.about-img:after {
    position: absolute;
    content: url(../img/bg/about-bg.png);
    right: -200px;
    top: 40px;
    transform: scale(0.85);
    z-index: -1;
}
.about-img img {
    -webkit-box-shadow: 0px 0px 9px -2px rgba(75,43,255,1);
    -moz-box-shadow: 0px 0px 9px -2px rgba(75,43,255,1);
    box-shadow: 0px 0px 9px -2px rgba(75,43,255,1);
}
/* About Us CSS END */

/* 2.5 How We Work CSS */
.how-we-work {
    position: relative;
    padding: 40px 0px;
}

.how-we-work .section-title {
    max-width: 580px;
    margin: 0 auto;
    margin-bottom: 80px;
}

.get-analysis-report {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background-color: #f7f8ff;
    margin-bottom: 25px;
}

.get-analysis-report h4 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    letter-spacing: 0px;
    padding: 15px 10px;
    background-color: #1b1c1f;
}

form.gar {
    position: relative;
    padding: 25px;
}

form.gar input {
    letter-spacing: 0px;
    font-size: 14px;
    height: 54px;
    padding: 0px 15px;
    margin-bottom: 25px;
    border-radius: 5px;
    border-color: #f0f2fe;
}

form.gar input[type=submit] {
    font-weight: 600;
    color: #fff;
    margin-bottom: 0px;
    background-color: #1b1c1f;
    transition: .5s ease;
}

form.gar input[type=submit]:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-color: #1b1c1f;
}

.single-hww {
    position: relative;
    min-height: 160px;
    margin-bottom: 25px;
    border: 1px solid #1b1c1f;
    border-radius: 5px;
    transition: .5s ease;
    overflow: hidden;
}

.single-hww:hover {
    -webkit-box-shadow: 0px 0px 15px -3px rgba(20,50,208,1);
    -moz-box-shadow: 0px 0px 15px -3px rgba(20,50,208,1);
    box-shadow: 0px 0px 15px -3px rgba(20,50,208,1);
}

.sh-icon {
    height: 170px;
    width: 190px;
    background-color: #1b1c1f;
    float: left;
    padding: 45px 15px;
    border-radius: 5px;
    text-align: center;
}

.sh-icon img {
    height: 100%;
    width: 100%;
    padding: 30px;
}
.sh-icon i {
    color: #fff;
    font-size: 80px;
    line-height: 80px;
}

.sh-icon i:before {
    margin: 0;
    font-size: inherit;
}
.sh-text {
    float: right;
    width: calc(100% - 200px);
    padding: 30px 25px;
}

.sh-text h4 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 15px;
}

.single-hww:hover .sh-text h4 {
    color: #1b1c1f;
}

.sh-text p {
    font-size: 14px;
    color: #3b3f54;
    line-height: 22px;
}
/* How We Work CSS END */

/* 2.6 Our Approach CSS */
.our-approach-area {
    position: relative;
    background-image: url(../img/bg/approach-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    overflow: hidden;
}
.our-approach-area .section-title {
    text-align: left;
}
.approach-img {
    position: relative;
    padding-top: 135px;
    text-align: right;
    z-index: 1;
}

.approach-img:after {
    position: absolute;
    content: url(../img/bg/approach-img-bg.png);
    left: -300px;
    bottom: -120px;
    transform: scale(0.85);
    z-index: -1;
}
/* Our Approach CSS END */
2.1 Header CSS
2.2 Hero CSS 
2.3 Services CSS
2.4 About Us CSS
2.5 How We Work CSS
2.6 Our Approach CSS
2.7 Why We Best CSS
/* 2.7 Why We Best CSS */
.why-we-best {
    position: relative;
}

.why-we-best .section-title {
    margin-top: 25px;
    text-align: left;
}

.whyWebest-text {
    max-width: 510px;
}

.whyWebest-text p {}

.whyWebest-text a {}

.single-wwb {
    position: relative;
    margin-bottom: 25px;
}

.sw-icon {
    position: relative;
    height: 70px;
    width: 70px;
    float: left;
}
.sw-icon i {
    color: #1b1c1f;
    font-size: 65px;
    line-height: 65px;
}

.sw-icon i:before {
    font-size: inherit;
    margin: 0;
}
.sw-icon:before {
    position: absolute;
    content: '';
    top: -5px;
    left: -20px;
    background-repeat: no-repeat;
    background-image: url(../img/bg/shape-ou-icon.png);
    background-size: 100%;
    height: 120px;
    width: 105px;
    z-index: -1;
}


.sw-text {
    position: relative;
    max-width: calc(100% - 80px);
    padding: 5px 25px;
    display: inline-block;
}

.sw-icon img {
    width: 100%;
    height: 100%;
}

.sw-text h4 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #3b3f54;
    margin-bottom: 15px;
}
.sw-text p {
    font-size: 14px;
    color: #3b3f54;
    line-height: 22px;
}
.single-wwb:hover .sw-text h4 {
    color: #1b1c1f;
}
/* Why We Best CSS CSS */

/* 2.8 Our Case Study CSS */
.case-study-area {
    position: relative;
    padding-bottom: 80px;
}

.case-study-area .section-title {
    max-width: 580px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.single-case-study {
    position: relative;
    max-width: 370px;
    margin: 15px auto;
    transition: .5s ease;
}

.scs-img {}

.scs-img img {}

.scs-content {
    position: relative;
    background-color: #f7f8ff;
    max-width: 315px;
    padding: 15px;
    margin-top: -35px;
    transition: .5s ease;
    border-bottom: 3px solid #f7f8ff;
}

.scs-content p {
    font-size: 12px;
    letter-spacing: 0px;
    color: #747784;
    transition: .5s ease;
}

.scs-content h4 {
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 500;
    color: #3b3f54;
    margin: 10px auto;
}

.scs-content a {
    font-size: 14px;
    letter-spacing: 0px;
    color: #747784;
}

.single-case-study:hover .scs-content {
    background-color: #1b1c1f;
    border-bottom: 3px solid #02cc87;
}

.single-case-study:hover .scs-content p,.single-case-study:hover .scs-content h4,.single-case-study:hover .scs-content a {
    color: #fff;
}

.scs-content a i {
    padding-left: 5px;
}

/* Our Case Study CSS END*/

/* 2.9 Recent Blog CSS */

.blog-area {
    position: relative;
    padding-bottom: 80px;
    background-image: url(../img/bg/blog-area-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto;
    overflow: hidden;
}
.blog-area .section-title {
    max-width: 580px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.single-blog-post {
    position: relative;
    overflow: hidden;
    margin: 15px auto;
    border: 1px solid #dbe5e7;
    border-radius: 5px;
    background-color: #fff;
    transition: .5s ease;
}

.sbp-img {
    position: absolute;
    width: 100%;
    max-width: 540px;
    height: 100%;
    top: -100%;
    left: 0;
    transition: .5s ease;
    z-index: 1;
}

.sbp-img img {
    width: 100%;
    height: 100%;
}

.sbp-text-content {
    position: relative;
    border-radius: 5px;
    padding: 20px;
    max-width: 540px;
    transition: .5s ease;
}

.sbp-meta {
    border-radius: 5px;
}

.sbp-meta ul {
    position: relative;
    padding: 0;
    list-style-type: none;
    margin-bottom: 15px;
}

.sbp-meta ul li {
    display: inline-block;
    letter-spacing: 0px;
    font-size: 14px;
    color: #747784;
    line-height: 14px;
    padding: 0px 5px;
    border-left: 2px solid #747784;
}

.sbp-meta ul li:first-child {
    border-left: none;
    padding-left: 0px;
}

.sbp-meta ul li a {
    letter-spacing: 0px;
    font-size: 14px;
    color: #747784;
    padding: 0px;
    display: inline-block;
}

.sbp-text {}

.sbp-text h4 {
    font-size: 18px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 500;
    margin-bottom: 15px;
}

.sbp-text p {
    font-size: 14px;
    color: #3b3f54;
    line-height: 24px;
    margin-bottom: 15px;
    letter-spacing: 0px;
}

.sbp-text a {
    font-size: 16px;
    letter-spacing: 0px;
    color: #747784;
}

.sbp-text a i {padding-left: 8px;}

.single-blog-post.last-add {
    border: none;
}

.single-blog-post.last-add .sbp-img {
    position: relative;
    max-width: 100%;
    top: unset;
    left: unset;
    height: unset;
}

.single-blog-post.last-add .sbp-img img {}

.single-blog-post.last-add .sbp-text-content {
    max-width: 640px;
    padding: 20px 0px;
}

.single-blog-post.last-add .sbp-meta {}

.single-blog-post.last-add .sbp-meta ul {}

.single-blog-post.last-add .sbp-meta ul li:first-child {}

.single-blog-post.last-add .sbp-meta ul li {}

.single-blog-post.last-add .sbp-meta ul li a {
}

.single-blog-post.last-add .sbp-text {}

.single-blog-post.last-add .sbp-text h4 {
    font-size: 24px;
}

.single-blog-post.last-add .sbp-text p {}

.single-blog-post.last-add .sbp-text a {}

.single-blog-post.last-add .sbp-text a i {}

.single-blog-post:hover {}



.single-blog-post:hover .sbp-img {
    top: 0;
}

/* Recent Blog CSS END */

/* 2.10 Footer CSS */
.footer-area {}

.footer-widget-area {
    position: relative;
    padding: 80px 0px;
    background-color: #1b1c1f;
}

.footer-copyright-area {
    position: relative;
    text-align: center;
    padding: 10px;
    background-color: #000;
}

.f-logo-text p {
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
}

.f-widget img {
    margin-bottom: 20px;
	height: 30px;
}

.f-widget h4 {
    color: #fff;
    font-size: 24px;
    letter-spacing: 0px;
    font-weight: 400;
    margin-bottom: 20px;
}

ul.fw-list {
    padding: 0;
    list-style-type: none;
}

ul.fw-list li {
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0px;
}

ul.fw-list li a {
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    letter-spacing: 0px;
}
ul.fw-list li a:hover {
    color: #02cc87;
}
.newsletter-form {margin-bottom: 20px;}
.newsletter-form form {}

.newsletter-form form input {
    height: 44px;
    font-size: 14px;
    letter-spacing: 0px;
    background-color: transparent;
    color: #fff;
    border-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #02cc87;
    padding-left: 15px;
}

.newsletter-form form button {
    height: 44px;
    border-radius: 5px;
    background-color: #02cc87;
    color: #fff;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.fw-social {}

ul.fws-list {
    position: relative;
    padding: 0;
    list-style-type: none;
}

ul.fws-list li {
    display: inline-block;
    margin-right: 5px;
}

ul.fws-list li a {
    display: block;
    color: #2f334c;
    background-color: #fff;
    height: 40px;
    width: 40px;
    font-size: 22px;
    text-align: center;
    padding-top: 9px;
    border-radius: 5px;
}

ul.fws-list li:last-child {margin-right: 0px;}

ul.fws-list li a:hover {
    background-color: #02cc87;
}
.fc-text {}

.fc-text p {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0px;
}
/* Footer CSS END*/

/* ----------Home 1 CSS END---------- */



/*----------------------------------------*/
/*  3. Home 2 CSS
/*----------------------------------------*/

/* 3.1 Header CSS */


/* Side Nav CSS */
    #offCanvas {
		cursor: pointer;
        color: #fff;
    }
  .hamburger {
    position: absolute;
    left: 20px;
    top: 20px;
    cursor: pointer;
  }
  .hamburger i {
    font-size: 25px;
    color: white;
  }
  
  .nav-offcanvas {
    width: 300px;
    background: linear-gradient(135deg, #fbda61 0%, #f76b1c 100%);
    height: 100vh;
    position: fixed;
    overflow-x: auto;
    z-index: 2000;
    padding: 50px 0;
    top: 0;
    right: -300px;
    transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.nav-offcanvas .close {
    position: absolute;
    left: 15px;
    top: 15px;
    outline: 0;
    opacity: 1;
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
    transition: .3s ease;
}
.nav-offcanvas .close i {
    font-size: 22px;
    color: #fff;
    text-shadow: none;
}
  .nav-offcanvas .close:hover {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .nav-offcanvas-menu ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
  }
  .nav-offcanvas-menu ul li a {
    color: white;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 40px;
    display: block;
    text-decoration: none;
    position: relative;
    z-index: 1;
    transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s;
  }
  .nav-offcanvas-menu ul li a:hover {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  .nav-offcanvas.open {
        right: 0;
        width: 360px;
        overflow-x: hidden;
        transition: 0.9s ease;
    }
    .nav-offcanvas {
        width: 300px;
        height: 100vh;
        position: fixed;
        overflow-x: auto;
        z-index: 2000;
        padding: 50px 0;
        top: 0;
        right: -300px;
        transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        text-align: center;
        background: #084575;
    }
  .offcanvas-overlay.on {
    opacity: 1;
    visibility: visible;
  }
  









/* Header CSS END */

/* 3.2 Hero 2 CSS */

.hero-2 {
    background-image: url(../img/bg/hero-2-bg.jpg);
    background-size: cover;
}

.hero-2::before {
	background-color: rgba(0, 0, 0, 0.8);
}

.hero-2 .hero-text h2 {
    position: relative;
    /*font-size: 76px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0px;*/
    display: inline-block;
    line-height: 76px;
    margin-bottom: 25px;
    z-index: 1;
    padding: 0px 9px;
    background-color: var(--color-orange);
}
.hero-2 .hero-text h2 img {
	position: relative;
	top: -1px;
	height: 54px;
}
.hero-2 .hero-text {
    text-align: left;
    padding-top: 40px;
}

/* .hero-2 .hero-text h2:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-image: url(../img/bg/hero-2title-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0;
    left: 0;
    z-index: -1;
} */
.hero-2 .hero-text h3 {
    font-weight: 500;
    font-size: 50px;
    line-height: 68px;
}

/* Hero 2 CSS END */

/* 3.3 Services 2 CSS */
.services-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: 0px 0px 30px 0px rgba(20, 50, 208, 0.15);
}

.services-2 {
    background-image: none;
    background-color: transparent;
    margin-top: -180px;
    padding: 50px 0px;
}

.ss2 {
    margin: 15px -15px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-top: none;
    border-bottom: none;
    margin-bottom: 0px;
}
.ss2:hover {
    border-color: #1b1c1f;
}
.ss2 .ss-icon i {
    font-size: 56px;
    color: var(--color-orange);
    line-height: 56px;
}
.ss2:hover:before,.ss2:hover:after {
    display: none;
}

/* Services 2 CSS END */

/* 3.4 About CSS */
.about-us-area-2 {
    position: relative;
	overflow: hidden;
}
.about-us-area-2 .row > div + div {
    position: relative;
    padding-block: 40px;
}
.about-us-area-2 .row > div + div .bg {
    position: absolute;
	top: 0;
	right: 50%;
	width: 5000px;
	height: 100%;
    background-image: url(../img/section-img/about2.jpg);
    background-repeat: no-repeat;
    background-position: right center;
	filter: grayscale(100%);
}

.section-text-content-area {
    position: relative;
    background-color: #fff;
    text-align: center;
    border-radius: 5px;
    margin: 50px auto;
    padding: 25px 25px 50px;
    box-shadow: 0px 0px 30px 0px rgba(20, 50, 208, 0.15);
}

.section-title-2 {}

.section-title-2 p {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-orange);
    margin: 20px auto;
}

.section-title-2 p span {
    background-color: #1b1c1f;
    color: #fff;
    padding: 4px 10px;
}

.section-title-2 h3 {
    color: #3b3f54;
    font-size: 33px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 44px;
    margin-bottom: 40px;
}

.section-paragraph2 {
    position: relative;
    text-align: center;
}

.section-paragraph2 p {
    font-size: 16px;
    color: #3b3f54;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 40px;
}
/* About 2 CSS END */

/* 3.5 How We Work 2 CSS */
.hw-work-2 .bg {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background-image: url(../img/section-img/hw-work2-img.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto;
	filter: grayscale(100%);
}


/* How We Work 2 CSS END */

/* 3.6 Exclusive Services CSS */
.exclusive-services-area {
    position: relative;
}

.esa-tc-2 {
    box-shadow: none;
    text-align: left;
    padding: 5px 15px;
    margin: 5px auto;
}

.esa-tc-2 .section-paragraph2 {
    text-align: left;
}

.single-services-exclusive {
    position: relative;
    max-width: 350px;
    margin: 25px auto;
    border: 1px solid #f6f7ff;
    border-radius: 5px;
    overflow: hidden;
    transition: .5s ease;
}

.single-services-exclusive .es-img {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: -100%;
    transition: .5s ease;
    z-index: 1;
}

.single-services-exclusive .es-img:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(20, 50, 208, .85);
    top: 0;
    left: 0;
}

.single-services-exclusive .es-img img {height: 220px;width: 100%;}

.sse-content {
    position: relative;
    padding: 5px 15px;
    max-width: 330px;
    margin: 0 auto;
}

.single-services-exclusive:hover .es-img {
    margin-top: 0px;
    position: absolute;
}
.single-services-exclusive .ss-icon i {
    color: var(--color-orange);
    font-size: 65px;
    line-height: 65px;
}
.sse-content .ss-icon {}

.sse-content .ss-icon img {
    height: 55px;
}

.sse-content .ss-text {}

.sse-content .ss-text h4 {
    font-size: 24px;
    letter-spacing: 0px;
}

.sse-content .ss-text p {}

/* Exclusive Services CSS END */


/* 3.7 Fun Fact CSS */
.fun-fact-area {
    position: relative;
    background-image: url(../img/bg/fun-fact-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.fun-fact-area:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(27, 28, 31, .90);
}
.counter-up-wrapper {
    position: relative;
    text-align: center;
}

.counter-up-wrapper table {
    margin-bottom: 0px;
}

.counter-up-wrapper .table-bordered {
    border: 1px solid #4f6bff;
}

.counter-up-wrapper .table-bordered td {
    transition: .5s ease;
    border: 1px solid rgb(255 83 24 / 30%);
}

.counter-up-wrapper .table-bordered td:hover {
    background-color: var(--color-orange);
    border-color: var(--color-orange);
}


.single-counter-up {
    position: relative;
    padding: 60px 5px;
    min-width: 220px;
}
.scu-icon i {
    font-size: 52px;
    line-height: 52px;
    color: var(--color-orange);
    transition: color .5s;
}
td:hover .scu-icon i {
    color: #fff;
}

.scu-icon i:before {
    font-size: inherit;
    margin: 0;
}

.single-counter-up .scu-icon {}

.single-counter-up .scu-icon img {
    height: 65px;
    margin-bottom: 5px;
}

.single-counter-up .scu-counter {
    position: relative;
    margin: 5px auto;
}

.single-counter-up .scu-counter .counter-up {
    font-size: 48px;
    letter-spacing: 0px;
    color: #fff;
    line-height: 60px;
}

.single-counter-up .scu-counter p {
    color: #fff;
    font-size: 36px;
    letter-spacing: 0px;
}

.video-player-wrapper {
    position: relative;
    text-align: center;
    padding: 100px 0px;
}
.bpw-btn {
    margin-top: 120px;
}

.bpw-btn img {}

.bpw-text {}

.bpw-text h4 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 500;
}

.bpw-text p {
    font-size: 24px;
    letter-spacing: 0px;
    color: #fff;
}


.bpw-btn a {
    margin: 15px auto;
    color: #fff;
    font-size: 30px;
    z-index: 1;
    display: block;
    padding-top: 18px;
}

.funfact-player-modal {}

.funfact-player-modal .modal-dialog {
    max-width: 767px;
    padding: 0px;
    margin: 100px auto;
}

.funfact-player-modal .modal-content {
}

.funfact-player-modal .modal-content .modal-body {
    padding: 0;
}

.funfact-player-modal iframe {
    height: 383px;
    width: 100%;
    border: none;
}
.funfact-player-modal .modal-content .modal-body button.close {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 25px;
    color: #fff;
}







  
  
  /* pulse in CSS */
  /* pulse in CSS */
.pulse-css {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: var(--color-orange);
    position: relative;
    margin: 25px auto;
    z-index: 1;
}
  .pulse-css:before, .pulse-css:after {
    content: "";
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #ff5928;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: scale(0.5);
    transform-origin: center center;
    animation: pulse-btn 3s linear infinite;
    z-index: -1;
}
.pulse-css:after {
    animation-delay: 2s;
}
  
  @keyframes pulse-btn {
    0% {
      transform: scale(0.5);
      opacity: 0;
    }
    50% {
      opacity: 0.25;
    }
    70% {
      opacity: 0.50;
    }
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  
/* Fun Fact CSS END */

/* 3.8 Recent Project CSS */
.our-recent-project-area {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
}
.our-recent-project-area {}

.recent-project-slider {
    position: relative;
    overflow: hidden;
}

.recent-project-carousel {
    position: relative;
    width: 110% !important;
}

.recent-project-carousel .item {}

.single-rp-portfolio {
    position: relative;
    max-width: 390px;
    margin: 0 auto;
    overflow: hidden;
}

.srpp-img {}

.srpp-img img {}

.srpp-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 200px;
    padding: 5px 15px;
    background-color: rgba(20, 50, 208, .75);
}

.srpp-text h4 {
    color: #fff;
    letter-spacing: 0px;
    font-size: 20px;
    line-height: 24px;
    padding: 12px 0px;
    font-weight: 500;
}

.srpp-text p {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 0px;
}

.srpp-text a {
    color: #fff;
    letter-spacing: 0px;
    font-size: 14px;
}

.srpp-text a i {
    padding-left: 10px;
}

.recent-project-carousel .owl-item.active {
}

.srpp-img img {
    height: 555px;
    margin: 25px auto 0px;
}
.srpp-mini .srpp-img img {
    height: 265px;
    margin: 25px auto 0px;
}


.srpp-text {
    position: absolute;
    bottom: -100%;
    width: 100%;
    min-height: 200px;
    padding: 5px 15px;
    background-color: rgba(20, 50, 208, .75);
    transition: .5s ease;
}
.single-rp-portfolio:hover .srpp-text {
    bottom: 0;
}

.recent-project-carousel .owl-dots {
    display: none;
}

.recent-project-carousel .owl-nav {
    display: none;
}

.rp-slider-nav {
    position: relative;
    padding: 25px 0px;
    text-align: center;
    margin: 30px auto;
}


.my-controls-btns {
    display: inline-block;
    text-align: center;
}

.my-controls-btns i {
    padding: 11px 0px;
    border: 2px solid #231f20;
    color: #231f20;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 5px;
    transition: .5s ease;
}

.my-controls-btns i:hover {
    color: #1b1c1f;
    border-color: #1b1c1f;
    cursor: pointer;
    transform: scale(1.1);
}
.clientSays-carousel .owl-dots {
    display: none;
}
/* Recent Project CSS END */

/* 3.9 Team Area CSS */
.meet-the-team-area {
    position: relative;
    background-image: url(../img/bg/meet-our-team.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top center;
    overflow: hidden;
    z-index: 0;

}
.meet-the-team-area:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(20, 50, 208, .85);
    z-index: -2;
}

.meet-the-team-area:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 125%;
    background-color: #fff;
    top: 480px;
    left: -10%;
    transform: rotate(-5deg);
    z-index: -1;
}
.meet-the-team-area .section-title-2 {
    text-align: center;
}


.meet-the-team-area .section-title-2 p {
    color: #fff;
}

.meet-the-team-area .section-title-2 p span {
    background-color: var(--color-orange);
}

.meet-the-team-area .section-title-2 h3 {
    color: #fff;
}
.team-member-single {
    position: relative;
    max-width: 350px;
    margin: 15px auto;
    border-radius: 5px;
    border: 15px solid #1b1c1f;
    overflow: hidden;
}

.tms-img {
    width: 100%;
}

.tms-img img {
    width: 100%;
    height: 360px;
}

.tms-text {
    position: absolute;
    bottom: 25px;
    max-width: 275px;
    padding: 15px;
    text-align: center;
    width: 100%;
    left: -100%;
    background-color: rgba(20, 50, 208, .80);
    transform: skewX(-20deg);
    transition: .5s ease;
}
.team-member-single:hover .tms-text {
    left: -15px;
}

.tms-text h4 {
    font-size: 24px;
    color: #fff;
    margin-left: -20px;
    letter-spacing: 0px;
    transform: skewX(20deg);
}

.tms-text p {
    font-size: 18px;
    color: #fff;
    letter-spacing: 0px;
    transform: skewX(20deg);
}


/* Team Area CSS END */


/* 3.10 Testimonial CSS */
.client-says-area {
    background-color: #f5f7ff;
}
.client-says-area .section-title-2 {
    max-width: 767px;
}

.testimonial-wrapper {}




.clientSays-carousel {}

.clientSays-carousel .item {}

.single-testimonial {
    position: relative;
    width: 100%;
    display: flex;
}

.st-avatar-img {
    max-width: 290px;
}

.st-avatar-img img {}

.st-text-wrapper {
    padding: 40px 15px;
    max-width: 850px;
    background-color: #fff;
    margin-top: 80px;
    margin-bottom: 80px;
    margin-left: -130px;
    padding-left: 130px;
    z-index: -1;
}

.st-text {position: relative;padding: 65px;}

.st-text p {
    font-size: 14px;
    color: #3b3f54;
    line-height: 26px;
    font-style: italic;
}

.st-text h4 {
    font-size: 20px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-style: italic;
    margin: 25px auto 0px;
}

.st-text span {
    font-size: 14px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-style: italic;
}

.clientSays-carousel .owl-nav {
    position: absolute;
    top: 40%;
    right: 0;
}
.clientSays-carousel .owl-nav  [class*=owl-] {
    background-color: transparent;
    font-size: 20px;
    color: #000;
    height: 44px;
    width: 44px;
    border: 2px solid #000;
    border-radius: 50%;
    display: block;
    margin-bottom: 20px;
    transition: .5s ease;
}

.clientSays-carousel .owl-nav [class*=owl-]:hover {
    color: #1b1c1f;
    background-color: transparent;
    border-color: #1b1c1f;
    transform: scale(1.1);
}
/* Testimonial CSS END */

/* 3.11 Recent Blog CSS */
.blog-area2 {}

.blog-area2 .section-title-2 {
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px;
}

.single-blog2 {
    position: relative;
	display: block;
    max-width: 350px;
    margin: 15px auto;
    transition: .5s ease;
}

.sb2-img {}

.sb2-img img {}

.sb2-content {
    position: absolute;
    /*bottom: 20px;*/
    left: 0;
    width: 100%;
    max-width: 330px;
    padding: 20px;
    background-color: #f5f7ff;
    transition: .5s ease;
}

.sb2-content ul {
    position: relative;
    padding: 5px 0px;
    list-style-type: none;
}

.sb2-content ul li {
    display: inline-block;
    border-left: 1px solid;
    padding: 0px 10px;
    line-height: 14px;
}
.sb2-content ul li:first-child {
    padding-left: 0px;
    border-left: none;
}
.sb2-content ul li:last-child {}
.sb2-content ul li a {
    font-size: 12px;
    color: #3b3f54;
    letter-spacing: 0px;
}

.sb2-content h4 {
    font-size: 18px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 600;
    padding: 5px 0px;
    transition: .5s ease;
}

.sb2-content p {
    font-size: 14px;
    color: #3b3f54;
    padding: 5px 0px;
    line-height: 24px;
    transition: .5s ease;
}

.sb2-content a {
    font-size: 14px;
    letter-spacing: 0px;
    color: #3b3f54;
}

/*
.single-blog2:hover .sb2-content {
    background-color: #1b1c1f;
}
*/
.single-blog2:hover .sb2-content ul li a {
    color: #fff;
}

.single-blog2:hover .sb2-content h4 {
    color: var(--color-orange);
}

.single-blog2:hover .sb2-content p {
    color: #fff;
}

.single-blog2:hover .sb2-content a {
    color: #fff;
}

.sb2-content a i {
    padding-left: 10px;
}
/* Recent Blog CSS END */

/* 3.12 Footer CSS */

.ftr-2 .newsletter-form form input {
    border-color: var(--color-orange);
}
.ftr-2 .newsletter-form form button {
    background-color: var(--color-orange);
    
}

.ftr-2  ul.fws-list li a:hover {
    background-color: var(--color-orange);
    color: #fff;
}

/* Inherit From Home 1 Footer CSS */




/*  Footer CSS END */





/* ----------Home 2 CSS END---------- */




/*----------------------------------------*/
/*  4. Home 3 CSS
/*----------------------------------------*/


/* 4.1 Header CSS */
.headerV3.navbar-fixed-top {
    background-color: #ecf0ff;
}

.headerV3 {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.header3-social {}

.header3-social ul {
    padding: 0;
    display: inline-block;
    margin-left: 10px;
}

.header3-social ul li {
    display: inline-block;
}

.headerV3 .header3-social ul li a {
    display: block;
    padding: 10px;
    min-width: 40px;
    background-color: #3b3f54;
    text-align: center;
}

.header3-social ul li a i {}

.header3-social ul li a:hover {
    background-color: #1b1c1f;
}
.headerV3 .main-menu nav > ul li a {
    color: #3b3f54;
    font-weight: 500;
    font-size: 14px;
    padding: 20px 12px;
}

.headerV3 .cart-btn a i,
.headerV3 .search-wrapper i {
    color: #3b3f54;
}
.headerV3 .menu-item-has-children.has-submenu > ul.sub-menu li a {
    color: #fff;
}
/* Header CSS END */


/* 4.2 Hero CSS  */
.hero-3 {
    background-color: #ecf0ff;
    background-image: none;
}

.hero-3:before
 {
    display: none;
}

.hero3-text {
    text-align: left;
}

.hero3-text h3 {
    color: #3b3f54;
    font-size: 44px;
}

.hero3-text p {
    color: #565a6c;
    font-size: 24px;
}



/* Hero CSS END */

/* 4.3 Sponsor CSS */
.sponsor-area {
    position: relative;
}

.sponsor-area .section-title {}

.sponsor-area .section-title p {}

.trusted-sponsorLogo-content {}

ul.tslc {
    position: relative;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

ul.tslc li {
    display: inline-block;
    margin: 15px auto;
    padding: 0px 15px;
    max-width: 225px;
    /* border: 1px solid #f1f1f1; */
}

ul.tslc li a {}

/* Sponsor CSS END */

/* 4.4 Services CSS  */
.services3-area {
    margin-top: 0px;
    background-image: none;
    background-color: #fff;
}
.ess3:hover {
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}



.ess3:before {
    position: absolute;
    content: url(../img/icons/service3-bg-hover.png) !important;
    right: 40px;
    top: 30px;
    transform: rotate(180deg);
    opacity: 0;
    transition: .3s ease;
}

.ess3:after {
    position: absolute;
    content: url(../img/icons/service3-bg-hover.png) !important;
    left: 40px;
    bottom: 30px;
    opacity: 0;
    transition: .3s ease;
}
.ess3:hover:before {
    opacity: 1;
    right: 0;
    top: -10px;
}

.ess3:hover:after {
    opacity: 1;
    left: 0;
    bottom: -10px;
}


.ess3:hover .ss-text h4,
.ess3:hover .ss-text p,
.ess3:hover .ss-text a {
    color: #3b3f54;
}

.ess3 {
    text-align: center;
}

/* Services CSS END  */


/* 4.5 About US CSS  */
.about-us3 {
    background-image: none;
}

.about-us3 .about-img:after {
    display: none;
}

.about-us3 .about-img img {
    box-shadow: none;
}
.about-us3 .about-img {
    padding-top: 40px;
}
/* About US CSS END */



/* 4.6 Why We Best */
.why-use-us-3 {
    background-color: #f7f9ff;
}

.why-use-us-3 {
    background-color: #f7f9ff;
}

.e3-wuu {}

.e3-wuu .sw-icon {
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.12);
    height: 100px;
    width: 100px;
    text-align: center;
    padding: 20px 0px;
    margin-right: -30px;
    margin-top: 35px;
    z-index: 1;
}

.e3-wuu .sw-icon:before {
    display: none;
}

.e3-wuu .sw-icon img {
    max-width: 60px;
    max-height: 60px;
    margin: 0 auto;
}

.e3-wuu .sw-text {
    max-width: calc(100% - 80px);
    padding: 30px 30px 30px 50px;
    transition: .5s ease;
}

.e3-wuu .sw-text h4 {}

.e3-wuu .sw-text p {}

.e3-wuu:hover .sw-text {
    background-color: #1b1c1f;
}

.e3-wuu:hover .sw-text h4,.e3-wuu:hover .sw-text p {
    color: #fff;
}
/* Why We Best CSS END */


/* 4.7 Our Speciality CSS */

.our-speciality {}

.our-speciality .section-title {
    padding-left: 0px;
    text-align: left;
}


/* Our Speciality CSS END */

/* 4.8 Case Study CSS */

    /* Inherit From Home 1 */

/* Case Study CSS END */



/* 4.9 Team Area CSS */

.team-area2 {
    position: relative;
    background-color: #f7f9ff;
}

.team2-avatars {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    z-index: 0;
}

.team2-avatars img {
    margin: 10px;
    opacity: .05;
    transition: .5s ease;
}

.team2-avatars img:hover {
    opacity: 1;
}

.team2-text-content {
    z-index: 0;
    max-width: 540px;
    text-align: center;
    margin: 0 auto;
}

.team2-avatars img:first-child {
    margin-top: -100px;
}

.team2-avatars img:nth-child(2) {}

.team2-avatars img:nth-child(3) {
    margin-top: -100px;
}

.team2-avatars img:nth-child(4) {}

.team2-avatars img:nth-child(5) {
    margin-top: -100px;
}

.team2-avatars img:nth-child(6) {}

.team2-avatars img:nth-child(7) {
    margin-top: -100px;
}

.team2-avatars img:nth-child(8) {}

.team2-avatars img:nth-child(9) {
    margin-top: -100px;
}

.team2-avatars img:nth-child(10) {}

.team2-avatars img:nth-child(11) {
    margin-bottom: -100px;
}

.team2-avatars img:nth-child(12) {}

.team2-avatars img:nth-child(13) {
    margin-bottom: -100px;
}

.team2-avatars img:nth-child(14) {}

.team2-avatars img:nth-child(15) {
    margin-bottom: -100px;
}

.team2-avatars img:last-child {
    margin-top: -50px;
}
/* Team Area CSS END */






/* 4.10 Our Blog CSS */
.blog3-area {
    background-image: none;
}

.sb-3 {
    max-width: 350px;
    margin: 15px auto;
}

.sb-3 .sb2-content {
    position: relative;
    max-width: 100%;
}

/* Our Blog CSS END */






/* 4.11 Footer CSS */
.footer3 {
}

.footer3 .footer-widget-area {
    background-color: #f7f9ff;
}

.footer3 .footer-copyright-area {
    background-color: #e0e3ed;
}

.footer3 .f-widget p {
    color: #3b3f54;
}

.footer3 ul.fw-list li a {
    color: #3b3f54;
}

.footer3 ul.fw-list li {
    color: #3b3f54;
}

.footer3 .f-widget h4 {
    color: #3b3f54;
}

.footer3 .newsletter-form form button {
    background-color: #1b1c1f;
}

.footer3 .newsletter-form form input {
    border-color: #1b1c1f;
}

.footer3 ul.fws-list li a:hover {
    background-color: #1b1c1f;
    color: #fff;
}

.footer3 .fc-text p {
    color: #3b3f54;
}


/* Footer CSS END */



/* ----------Home 3 CSS END---------- */





/*----------------------------------------*/
/*  5. Home 4 CSS
/*----------------------------------------*/


/* 5.1 Header CSS */
.headerV4.navbar-fixed-top {
    background-image: -moz-linear-gradient( 27deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 27deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 27deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    padding: 10px;
}

.headerV4 {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding: 15px 0px;
    transition: .5s ease;
    z-index: 9;
}
.headerV4 .mobile-menu-area {
    margin-top: -47px;
}
.headerV4 .slicknav_menu {
    background-color: transparent;
}
.headerV4 .slicknav_nav .slicknav_row, .slicknav_nav a {
    color: #000;
}
.headerV4 .slicknav_nav .slicknav_row:hover a, 
.headerV4 .slicknav_nav a:hover {
    background-color: #110fab;
    color: #fff;
}
.headerV4 .menu-item-has-children.has-submenu > ul.sub-menu li a:hover {
    background-color: #110fab;
    color: #fff;
}

.headerV4 .mobile-menu {
    display: block;
    max-height: 100vh;
}
.headerV4 .mobile-menu-logo {
    display: none;
}

.headerV4 ul.slicknav_nav.slicknav_hidden {
    overflow: hidden;
}

.headerV4 ul.slicknav_nav {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: calc(100vh - 25px);
    background-image: -moz-linear-gradient( 27deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 27deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 27deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
}


.headerV4 ul.slicknav_nav::-webkit-scrollbar {
    width: 10px;
}
.headerV4 ul.slicknav_nav::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
.headerV4 ul.slicknav_nav::-webkit-scrollbar-thumb { 
    background: rgb(34, 34, 34); 
}
.headerV4 ul.slicknav_nav::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.headerV4 .m2slide-btn {
    font-size: 20px;
}

.headerV4 .menu2-btn {
    margin-top: 10px;
}

.headerV4 .menu_area {
    background-color: transparent;
}
.headerV4 .main-menu {
    /* display: none; */
}
.headerV4 .main-menu nav{}
.headerV4 .main-menu nav >ul {
    all: unset;
}
.headerV4 .main-menu nav > ul  li {
    all: unset;
}
.headerV4 .main-menu nav > ul li a {
    all: unset;
}
.headerV4 .menu-item-has-children.has-submenu{}
.headerV4 .menu-item-has-children.has-submenu > ul.sub-menu {
    all: unset;
}
.headerV4 .menu-item-has-children.has-submenu:hover > ul.sub-menu {
    all: unset;
}

.headerV4 .menu-item-has-children ul.sub-menu {
    all: unset;
}
.headerV4 .menu-item-has-children:hover >ul.sub-menu{
    all: unset;
}
.headerV4 .main-menu nav > ul li.menu-item-has-children.has-submenu>ul.sub-menu {}

.headerV4 .main-menu nav > ul li.menu-item-has-children.has-submenu>ul.sub-menu>li.menu-item-has-children {}

.headerV4 .main-menu nav > ul li.menu-item-has-children.has-submenu>ul.sub-menu>li.menu-item-has-children:hover >ul.sub-menu {
    all: unset;
}









.nav-offcanvas-menu {}

.nav-offcanvas-menu ul li ul li {
    position: relative;
    padding-left: 25px;
}

/* .nav-offcanvas-menu ul li ul li a:before {
    position: absolute;
    content: "-";
    left: 0;
    color: #fff;
    top: 13px;
    font-size: 30px;
} */

.nav-offcanvas-menu>ul {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border-radius: 5px;
    width: 100%;
}
.nav-offcanvas-menu ul li a {
    position: relative;
    display: block;
}


/* ul.nom>li>ul {
    height: 0;
    overflow: hidden;
    transition: .5s ease;
}

ul.nom>li:hover>ul {
    height: auto;
} */

ul.nom>li>ul {
    padding-left: 100%;
    height: 0;
    transition: .5s;
}

ul.nom>li.active>ul {
    padding: 0px;
    height: auto;
}
ul.nom>li.active>ul>li>ul {
    padding-left: 100%;
    height: 0;
    transition: .5s ease;
}
ul.nom>li.active>ul>li.active>ul {
    padding-left: 0px;
    height: auto;
}


li.nom_has-child {
    position: relative;
}

li.nom_has-child>a {
    font-weight: 600 !important;
}
/* Header CSS END */

/* 5.2 Hero CSS */
.hero-4 {
    background-image: url('../img/section-img/hero-4.jpg');
}
.hero-4:before {
    background-image: -moz-linear-gradient( 27deg, rgb(20,50,208, .95) 0%, rgb(2,204,135, .95) 100%);
    background-image: -webkit-linear-gradient( 27deg, rgba(20, 50, 208, .95) 0%, rgba(2, 204, 135, .95) 100%);
    background-image: -ms-linear-gradient( 27deg, rgb(20,50,208, .95) 0%, rgb(2,204,135, .95) 100%);
    background-color: transparent;
}
.hero4-text {
    padding-top: 50px;
}
.hero-4 {
    background-image: url(../img/section-img/hero-4.jpg);
    padding: 100px 0px 25px;
}

ul.hbw4-social {
    position: relative;
    padding: 0;
    list-style-type: none;
}

ul.hbw4-social li {
    display: inline-block;
}

ul.hbw4-social li a {
    color: #fff;
    font-size: 18px;
    display: block;
    margin: 5px;
}

.hero4-bottom-widget {
    padding: 60px 0px 0px;
}

.hbw4-email {
    position:relative;
    text-align: right;
}
.hbw4-email a {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0px;
}

.hbw4-email a i {
    margin-right: 5px;
}

.hbw4-scroll-bottom {
    position: relative;
    text-align: center;
}

.hbw4-scroll-bottom a {
    background-color: transparent;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    display: inline-block;
    border: none;
    animation: fadeInDown 5s infinite;
}
.hbw4-scroll-bottom a i {
    transform: rotate(90deg);
}

.hbw4-scroll-bottom a:focus {
    outline: none;
}
.hbw4-scroll-bottom a i:before {
    font-size: inherit;
}

.hbw4-scroll-bottom a i {
    font-size: 35px;
}

/* Hero CSS END */


/* 5.3 About CSS */
.about-us4 {
    background-image: none;
    padding: 100px 0px 40px;
}

.about-us4 .about-img:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    border: 2px solid #02cc87;
    border-radius: 5px;
    right: -60px;
    top: -60px;
    transform: scale(1);
}

.about-us4 .about-img {
    padding-top: 0px;
    margin-top: 40px;
}

.about-us4 .about-img img {
    border-radius: 10px;
    -moz-box-shadow: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
/* About CSS END */


/* 5.4 About Agency CSS */
.about-agency-area {
    position: relative;
    background-color: #f8f9ff;
}

.about-agency-area .section-title2 {
    max-width: 757px;
    margin: 0 auto;
}

.agency-tab-wrapper {
    position: relative;
}

.at-nav {
    position: relative;
    border: 2px solid #0896a1;
    background-color: #fff;
    max-width: 100%;
    width: fit-content;
    margin: 25px auto 80px;
    border-radius: 25px;
    overflow: hidden;
}

.at-nav li.nav-item a {
    color: #3b3f54;
    padding: 15px 30px;
    border-radius: 25px;
    font-size: 14px;
    letter-spacing: 0px;
    display: block;
    border-color: transparent;
}
.at-nav li.nav-item a.active, 
.at-nav li.nav-item a:hover {
    color: #fff;
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    border: 1px solid #0896a1 !important;
    background-color: #0896a1;
}

.at-nav li.nav-item {
    margin: -1px;
}

.at-content {
    position: relative;
    width: 100%;
}

.agency-single-about {
    position: relative;
    width: 100%;
}

.asa-img {
    position: relative;
    max-width: 650px;
    display: inline-block;
    margin-right: -140px;
}

.asa-img img {}

.agency-single-content {}

.asc-content {
    position: relative;
    max-width: 570px;
    float: right;
    margin: 30px auto;
    padding: 40px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 0px 35px 0px rgba(10, 34, 158, 0.1);
}

.asc-icon {}

.asc-icon img {}

.asc-text {}

.asc-text h4 {
    font-size: 24px;
    color: #3b3f54;
    letter-spacing: 0px;
    margin: 15px auto;
}

.asc-text p {
    color: #5d5f6b;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}

.asc-text a {
}
/* About Agency CSS END */

/* 5.5 Why Us CSS */
.why-us-area4 {
    position: relative;
}

.why-us-area4 .section-title {
    text-align: left;
}

.single-why-ua {
    position: relative;
    max-width: 350px;
    margin: 10px auto 40px;
    cursor: default;
}

.swa4-icon {
    float: left;
    display: inline-block;
}

.swa4-icon img {
    max-width: 60px;
}

.swa4-text {position: relative;padding-left: 80px;padding-right: 15px;}

.swa4-text h4 {
    font-size: 22px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    padding: 12px 0px;
}

.swa4-text p {
    font-size: 14px;
    color: #3b3f54;
    letter-spacing: 0px;
    line-height: 26px;
    padding-bottom: 20px;
}

.single-why-ua:hover .swa4-text h4 {
    color: #1b1c1f;
}
/* Why Us CSS END */

/* 5.6 How We Work CSS */
.how-we-work-area4 {
    position: relative;
    background-image: url(../img/bg/hww-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 0;
    overflow: hidden;
}
.how-we-work-area4:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: -moz-linear-gradient( 31deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 31deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 31deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    opacity: .85;
    z-index: -1;
}
.how-we-work-area4 .video-player-wrapper {
    z-index: 0;
}
.how-we-work-area4 .video-player-wrapper:before {
    position: absolute;
    content: '';
    height: 200%;
    width: 100%;
    top: -50%;
    left: 0;
    background-color: rgba(20, 50, 208, .40);
    border-radius: 50%;
    z-index: -1;
}
.how-we-work-area4 .bpw-btn {
    margin-top: 80px;
}

.how-we-work-area4 .bpw-btn .pulse-css {
    background-color: #02ca88;
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
}

.how-we-work-area4 .bpw-btn .pulse-css:before,
.how-we-work-area4 .bpw-btn .pulse-css:after {
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
}
/* How We Work CSS END */

/* 5.7 Portfolio CSS */
.portfolio-area {
    position: relative;
}
.portfolio-area .section-title2 {
    max-width: 757px;
    margin: 0 auto;
}


.portfolio-single {
    position: relative;
    margin: 0;
    float: left;
    max-width: 350px;
    transition-duration: 0.4s;
    border-radius: 5px;
    animation: winanim 0.5s;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
.portfolio-box .at-nav {
    margin-bottom: 60px !important;
}
.portfolio-single:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
}

.portfolio-single img {
    width: 100%;
    height: auto;
    border-radius: 5px
}
.pfs-img {
    position: relative;
}


.pf-hvr-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 40%;
    text-align: center;
    opacity: 0;
}
.portfolio-single:hover .pf-hvr-icon {
    opacity: 1;
}
.pf-hvr-icon a {
    color: #fff;
    font-size: 30px;
    margin: 5px;
    display: inline-block;
}

.pfs-img {
    position: relative;
    transition: .5s ease;
}

.pfs-img:before {
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 50%;
    left: 50%;
    background-color: rgba(12, 37, 166, .5);
    transition: .5s ease;
}

.portfolio-single:hover .pfs-img:before {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    
}

@keyframes winanim {
    0%{opacity:0;transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
    
}
/* Portfolio CSS END */





/* 5.8 Case Study CSS */
.scs-2 {}

.scs-content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

  
/* Case Study CSS END */


/* 5.9 Recent Blog CSS */
.blog-4-area {
    background-image: none;
}
/* Recent Blog CSS END */





/* 5.10 Footer CSS */
.footer4 .newsletter-form form button {
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-color: transparent;
}

footer.footer-area.newsletter-form form button.newsletter-form form button.newsletter-form form button {}

.footer4 .newsletter-form form input:focus {
    outline: none;
    border: 1px solid #02cc87;
    border-right: none;
    box-shadow: none;
}

.footer4 ul.fws-list li a:hover {
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
}
.footer4 .newsletter-form form input {
    border-color: #02cc87;
    padding-left: 15px;
    border-right: none;
}
.footer4 .newsletter-form form button {
    border: 1px solid #02cc87;
    border-left: none;
}
/* Footer CSS END */



/* ----------Home 4 CSS END---------- */









/*----------------------------------------*/
/*  6. Home 5 CSS
/*----------------------------------------*/


/* 6.1 Header CSS */

/* Header CSS END */




/* 6.2 Hero CSS */
.hero-5 {
    background-image: url('../img/bg/hero-5-bg.jpg')
}
.hero-5:before {
    display: none;
}
.hero-5 .hero-text {
    text-align: left;
    padding-top: 65px;
}
.hero-5 .hero-img {
    padding: 15px;
}

.hero-5 .hero-img img {
    margin-top: 25px;
}
.hero-5 .hero-text h3 {
    font-weight: 500;
}

.hero-5 .hero-text p {
    font-size: 16px;
    line-height: 30px;
}
/* Hero CSS END */

/* 6.3 About Area CSS */
.about-us5 {}

.about-us5 .section-title {
    text-align: left;
}

/* About Area CSS END */


/* 6.4 Services Area CSS */
.services-area5 {
    background-image: none;
    margin-top: 0;
}
/* Services Area CSS END */

/* 6.5 SEO Score Check CSS */
.seo-score-check-area {
    position: relative;
    background-image: url(../img/bg/bg-shape-5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 60px 0px;
}
.score-check-img {
    margin-top: -130px;
}
.seo-score-check-form {}

.seo-score-check-form form {
    position: relative;
    max-width: 450px;
}

.seo-score-check-form form input {
    height: 50px;
    font-size: 12px;
    padding-left: 15px;
    letter-spacing: 0px;
    border-radius: 5px;
    border: none;
    margin-bottom: 25px;
}

.seo-score-check-area .section-title {
    text-align: left;
}

.seo-score-check-form form button {
    border: none;
    cursor: pointer;
}
/* SEO Score Check CSS END */

/* 6.6 Our Features CSS */
.our-features5-area {
    position: relative;
    padding-bottom: 80px;
}

.our-features5-area .section-title {
    max-width: 500px;
    margin: 60px auto;
}

.single-features5 {
    position: relative;
    max-width: 350px;
    margin: 25px auto;
}

.sf5-icon {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.12);
    width: 120px;
    height: 120px;
    padding: 25px 0px;
    margin-bottom: -60px;
    z-index: 2;
}

.sf5-icon img {}

.sf5-text {
    position: relative;
    padding: 80px 25px 25px;
    text-align: center;
    background-color: #f7f7ff;
    z-index: 1;
    transition: .5s ease;
}

.sf5-text h4 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    margin: 25px auto;
    transition: .5s ease;
}

.sf5-text p {
    font-size: 14px;
    letter-spacing: 0px;
    color: #3b3f54;
    line-height: 24px;
    margin: 25px auto;
    transition: .5s ease;
}

.single-features5:hover .sf5-text {
    background-color: #1b1c1f;
}

.single-features5:hover .sf5-text h4,
.single-features5:hover .sf5-text p {
    color: #fff;
}
/* Our Features CSS END */

/* 6.7 How We Work CSS */
.how-we-work5 {
    position: relative;
    background-color: #f7f7ff;
}

.how-we-work5 .section-title {}

.how-we-work-tab-wrapper {}

.how-we-work-tab-wrapper ul {}

.how-we-work-tab-wrapper .hww-nav {display: block;padding: 0;list-style-type: none;text-align: center;border: none;margin-bottom: 40px;}

.how-we-work-tab-wrapper .hww-nav li {
    margin: 25px 40px;
    display: inline-block;
    text-align: left;
    position: relative;
}

.how-we-work-tab-wrapper .hww-nav li a {
    background-color: #1b1c1f;
    height: 140px;
    width: 140px;
    border-radius: 50%;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 50px 30px;
    letter-spacing: 0px;
    margin: 0 auto;
    border: 2px solid #1b1c1f;
}

.how-we-work-tab-wrapper .hww-nav li a span {
    font-size: 24px;
    display: block;
}

.how-we-work-tab-wrapper .hww-nav li a.active {
    border: 2px solid #02cc87;
    background-color: #1b1c1f;
    position: relative;
    color: #fff;
}

.how-we-work-tab-wrapper .hww-nav li:before {
    position: absolute;
    content: '';
    background-color: #1b1c1f;
    height: 2px;
    width: 85px;
    left: -85px;
    top: 75px;
}

.how-we-work-tab-wrapper .hww-nav li:first-child:before {
    display: none;
}
.how-we-work-tab-wrapper .hww-nav li a:after {
    position: absolute;
    content: '';
    background-color: #02cc87;
    height: 5px;
    width: 0px;
    left: -87px;
    top: 72px;
    transition: .5s ease;
}
.how-we-work-tab-wrapper .hww-nav li a.active:after {
    width: 85px;
}
.how-we-work-tab-wrapper .hww-nav li:first-child a:after {
    display: none;
}
.how-we-work-tab-wrapper .at-content {
}

.how-we-work-tab-wrapper .at-content .section-title {
    text-align: left;
    margin-top: 25px;
}
/* How We Work CSS END */


/* 6.8 Case Study CSS */
.case-study5 {}
.case-study5 .section-title {
    text-align: left;
    margin-left: 0px;
}

.case-study-slider-nextPrev {
    position: relative;
    margin: 75px auto 40px;
    text-align: right;
}
.caseStudySlider-wrapper {}

.caseStudy-carousel {}

.caseStudy-carousel .item {}

.caseStudy-carousel .owl-nav {
    display: none;
}

.caseStudy-carousel .owl-dots {
    display: none;
}

.scs-5 {}

.scs-5 .scs-content {
    max-width: 350px;
    margin: 15px auto;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    text-align: left;
}
.scs-5:hover .scs-content {
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
}

.scs-5:hover .scs-content p {
    color: #6a6e80;
}
.scs-5:hover .scs-content h4,
.scs-5:hover .scs-content a {
    color: #1b1c1f;
}
/* Case Study CSS END */

/* 6.10 Pricing CSS */
.our-pricing-area-5 {}
.our-pricing-area-5 .section-title {
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.single-pricing5 {
    position: relative;
    text-align: center;
    border-radius: 5px;
    max-width: 350px;
    margin: 25px auto;
    padding: 50px 15px;
    background-color: #f7f7ff;
    transition: .5s ease;
}

.pricing-img {}

.pricing-img img {}

.price-plan {
    position: relative;
    margin: 40px auto;
}

.price-plan h4 {
    color: #3b3f54;
    font-size: 24px;
    letter-spacing: 0px;
    margin: 15px auto;
}

.plan-price {
    color: #3b3f54;
    font-size: 44px;
    letter-spacing: 0px;
    font-weight: 600;
    display: block;
    margin: 15px auto;
}

.pricing-features {}

ul.pf-list {
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 25px auto;
}

ul.pf-list li {
    color: #3b3f54;
    letter-spacing: 0px;
    font-size: 14px;
    line-height: 36px;
    font-weight: 500;
}

ul.pf-list li span {
    text-decoration: line-through;
}

.single-pricing5 a {
    display: inline-block;
}

.single-pricing5:hover {
    box-shadow: 0px 3px 20px 0px rgba(14, 31, 122, 0.12);
}
/* Pricing CSS END */






/* ----------Home 5 CSS END---------- */







/* 
--------------------------
- 30. Blog 1 CSS
--------------------------
*/

/* ---------- Blog 1 CSS END ---------- */



/* 
--------------------------
- 31. Blog 2 CSS
--------------------------
*/

.breadcrumb-area {
    position: relative;
    background-image: url(../img/bg/breadcrumb-1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 160px 0px 100px;
    overflow: hidden;
}
.breadcrumb-area:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(20, 50, 208, .85);
}

.breadcrumb-title {
    position: relative;
    text-align: center;
    margin: 25px auto;
}

.breadcrumb-title h3 {
    color: #fff;
    letter-spacing: 0px;
    font-size: 48px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 15px;
}

ul.bredcrumb-links {
    position: relative;
    padding: 0;
    list-style-type: none;
}

ul.bredcrumb-links li {
    position: relative;
    display: inline-block;
    margin: 0px 5px;
}

ul.bredcrumb-links li a {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0px;
}

ul.bredcrumb-links li:after {
    position: absolute;
    content: '/';
    color: #fff;
    right: -12px;
    top: 0;
}

ul.bredcrumb-links li:last-child:after {
    display: none;
}

.innerpage-area {
    position: relative;
    padding: 100px 0px;
}
.innerpage-bottom-button {
    position: relative;
    text-align: center;
    margin-top: 80px;
}

/* Sidebar CSS */
.sidebar-wrapper {
    position: relative;
    background-color: #f0f2ff;
    padding: 25px;
}

.sidebar-wrapper form.search-form {
    position: unset;
    height: unset;
}

.sidebar-wrapper input {
    border: none;
    height: 60px;
    width: 80%;
    padding-left: 15px;
    color: #000;
    letter-spacing: 0px;
    font-size: 12px;
}

.sidebar-wrapper aside .widget_search {
    width: 100%;
    position: relative;
}

.sidebar-wrapper button.search-submit {
    background-color: #1b1c1f;
    border: none;
    color: #fff;
    padding: 11px 15px 18px;
    cursor: pointer;
    font-size: 24px;
    letter-spacing: 0px;
    margin-left: -5px;
}

.sidebar-wrapper button.search-submit i {
}

.sidebar-wrapper .widget {
    position: relative;
}

.sidebar-wrapper .widget .widget-title {
    font-size: 18px;
    color: #6c6c73;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 25px auto;
    padding-bottom: 25px;
    border-bottom: 1px solid #b5bce7;
}

.sidebar-wrapper .widget ul {
    position: relative;
    padding:  0px;
    list-style-type: none;
}

.sidebar-wrapper .widget ul li {margin: 25px auto;}

.sidebar-wrapper .widget ul li a {
    color: #6c6c73;
    font-size: 16px;
    letter-spacing: 0px;
}
.sidebar-wrapper .widget ul li a i {
    padding-left: 10px;
}
.sidebar-wrapper .widget ul li a:hover {
    color: #1b1c1f;
}
.sidebar-wrapper .widget ul li:last-child {
    padding-bottom: 15px;
}
.sidebar-wrapper .widget ul li h4 {
    font-size: 18px;
    color: #6c6c73;
    letter-spacing: 0px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}
.sidebar-wrapper .widget ul.wp-tag-cloud {}

.sidebar-wrapper .widget ul.wp-tag-cloud li {
    display: inline-block;
    margin: 5px;
}

.sidebar-wrapper .widget ul.wp-tag-cloud li a {
    display: block;
    color: #fff;
    background-color: #b5bce7;
    border-radius: 5px;
    padding: 10px 15px;
}

.sidebar-wrapper .widget ul.wp-tag-cloud li a:hover {
    background-color: #1b1c1f;
}
/* Sidebar CSS END */



.single-blog-post-V2 {
    position: relative;
    max-width: 730px;
    margin: 0px auto 30px;
    border: 1px solid #d7d7d7;
    padding: 25px;
}

.sbp-V2-img {
    width: 100%;
}

.sbp-V2-img img {}

.sbp-V2-text-content {}

.sbp-V2-meta {}

.sbp-V2-meta ul {
    padding: 0;
    list-style-type: none;
    margin: 25px auto;
}

.sbp-V2-meta ul li {
    display: inline-block;
    letter-spacing: 0px;
    color: #3b3f54;
    font-size: 12px;
    margin: 5px;
    padding-right: 10px;
    position: relative;
}

.sbp-V2-meta ul li img {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    margin-right: 5px;
}

.sbp-V2-meta ul li a {
    display: inline-block;
}

.sbp-V2-meta ul li:after {
    position: absolute;
    content: "|";
    left: -15px;
    top: 0px;
}

.sbp-V2-meta ul li:first-child:after {
    display: none;
}

.sbp-V2-text {
    position: relative;
}

.sbp-V2-text h4 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    margin: 20px auto;
    transition: .5s ease;
}

.sbp-V2-text p {
    color: #3b3f54;
    font-size: 14px;
    margin: 20px auto;
}

.sbp-V2-text a {
    font-size: 16px;
    color: #747784;
    letter-spacing: 0px;
}

.sbp-V2-text a i {
    padding-left: 10px;
}

.sbp-V2-text-content:hover .sbp-V2-text h4 {
    color: #1b1c1f;
}

.sbp-V2-text a:hover {
    color: #1b1c1f;
}
/* ---------- Blog 2 CSS END ---------- */


/* 
--------------------------
- 32. Blog 3 CSS
--------------------------
*/



/* Inherit From Blog 2 CSS */



/* ---------- Blog 3 CSS END ---------- */


/* 
--------------------------
- 33. Blog 4 CSS
--------------------------
*/
.single-blog-post-V4 {
    position: relative;
    max-width: 730px;
    margin: 0px auto 50px;
    padding: 0;
}


.single-blog-post-V4 .sbp-V2-text-content {
    position: relative;
    max-width: 660px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
    padding: 5px 25px;
    box-shadow: 0px 14px 46px 0px rgba(12, 26, 100, 0.06);
}

.single-blog-post-V4 .sbp-V2-img img {
    width: 100%;
}

.single-blog-post-V4 .sbp-V2-text a {
    margin-bottom: 15px;
    display: inline-block;
}


.strick-pagination {
    position: relative;
    text-align: center;
    padding: 0;
    list-style-type: none;
}

.strick-pagination li {
    display: inline-block;
    margin: 2px;
}

.strick-pagination li a {
    background-color: #f0f2ff;
    font-size: 16px;
    letter-spacing: 0px;
    height: 40px;
    width: 40px;
    border-radius: 5px;
    display: block;
    padding: 12px 0px;
}

.strick-pagination li a i {
}

.strick-pagination li.sp-nav {}

.strick-pagination li.sp-nav a {
    background-color: #1b1c1f;
    color: #fff;
    padding-top: 12px;
}

.strick-pagination li.sp-nav a i {
    transform: scale(1.7);
}

.strick-pagination li a:hover {
    background-color: #1b1c1f;
    color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* ---------- Blog 4 CSS END ---------- */


/* 
--------------------------
- 34. Blog 5 CSS
--------------------------
*/

/* ---------- Blog 5 CSS END ---------- */

/* 
--------------------------
- 35. Blog 6 CSS
--------------------------
*/
.single-blog-post-V5 {
    position: relative;
    max-width: 730px;
    margin: 0px auto 30px;
    overflow: hidden;
    border-radius: 5px;
}
.sbp5-img {}

.sbp5-img img {
    width: 100%;
    height: 460px;
}

.sbp5-text {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    padding: 15px 22px;
    background-color: rgba(9, 10, 25, .70);
}

.sbp5-text h4 {
    color: #fff;
    font-size: 22px;
    letter-spacing: 0px;
    font-weight: 500;
    margin: 15px auto;
}

.sbp5-text p {
    color: #fff;
    font-size: 14px;
    margin: 15px auto;
}

.sbp5-text a {
    color: #fff;
    letter-spacing: 0px;
    font-size: 16px;
    margin: 15px auto;
}
.sbp5-text a i {
    margin-left: 10px;
}
.sbp5-text a:hover {
    color: #02cc87;
}
/* ---------- Blog 6 CSS END ---------- */


/* 
--------------------------
- 36. Blog Details 1 CSS
--------------------------
*/
.blogitem {
    position: relative;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
}

.blogitem-img {}

.blogitem-img img {
    width: 100%;
}

.blogitem-text-content {}

.blogitem-text-content .sbp-V2-meta {}

.blogitem-text-content .sbp-V2-text {}

.blogitem-text-content .sbp-V2-text blockquote {
    background-color: #f0f2ff;
    padding: 40px 100px;
    text-align: center;
}
.blogitem-text-content .sbp-V2-text blockquote p {
    font-size: 18px;
    color: #5a5d6b;
    font-weight: 600;
}
.blogitem-text-content .sbp-V2-text blockquote:before {
    display: none;
}

.blogitem-text-content .sbp-V2-text h4 {
    margin-bottom: 10px;
}
.blogitem-text-content .sbp-V2-text h4 a {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #3b3f54;
    font-style: italic;
}
.blogitem-text-content .sbp-V2-text p {}

.bid-img {
    position: relative;
    width: 100%;
    display: flex;
}

.bid-img-2 {
    padding: 15px;
    width: 60%;
}

.bid-img-3 {
    padding: 15px;
    width: 40%;
}

.blogitem-tags {
    position: relative;
    border: 2px solid #b5bce7;
    border-left: none;
    border-right: none;
    padding: 12px 0px;
}

.blogitem-tags-title {
    display: inline-block;
}

.blogitem-tags-title i {}

.blogitem-text-content .sbp-V2-text blockquote .bd_designation {
    color: #3b3f54;
    font-size: 18px;
    letter-spacing: 0px;
}

.blogitem-tags-title h4 {
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 500;
    color: #3b3f54;
}

.blogitem-tags ul {
    position: relative;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

.blogitem-tags ul li {
    display: inline-block;
    margin: 2px;
}

.blogitem-tags ul li a {
    font-size: 16px;
    display: block;
    letter-spacing: 0px;
    background-color: #b5bce7;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
}

.blogitem-comments {}

.blogitem-comments h5 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    margin: 20px auto;
    padding-bottom: 20px;
    border-bottom: 2px solid #b5bce7;
}


.tm-comment-wrapper {}

.tm-comment {
    position: relative;
    padding: 25px;
    margin: 25px auto;
    background-color: #f4f6ff;
}

.tm-comment-thumb {height: 65px;width: 65px;border-radius: 50%;overflow: hidden;display: inline-block;float: left;}

.tm-comment-thumb img {
    height: 100%;
    width: 100%;
}

.tm-comment-content {
    position: relative;
    padding-left: 80px;
}

h6.tm-comment-authorname {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    padding: 5px 0px;
}

span.tm-comment-date {
    font-size: 16px;
    letter-spacing: 0px;
    color: #3b3f54;
}

.tm-comment-content p {
    font-size: 14px;
    color: #3b3f54;
    padding: 12px 0px;
}

a.tm-comment-replybutton {
    font-size: 16px;
    letter-spacing: 0px;
    color: #3b3f54;
}

.tm-comment-replypost {
    margin-left: 100px;
}

h6.tm-comment-authorname a {}


.blogitem-commentbox {
    position: relative;
    margin: 50px auto;
}

.blogitem-commentbox h5 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    margin: 25px auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #b5bce7;
}

.blogitem-commentbox form {}

.tm-commentbox-singlefield {
    margin-bottom: 20px;
}

.tm-commentbox-singlefield .form-control {
    border: 1px solid #b5bce7;
    background-color: #f4f6ff;
    height: 50px;
    padding: 15px;
    font-size: 14px;
    color: #3b3f54;
}

.tm-commentbox-singlefield textarea {
    height: 190px !important;
    border-radius: 5px;
}

.bdc-btn-box {
    text-align: right;
}

.tm-commentbox-singlefield button {
    font-size: 16px;
    height: 50px;
    color: #fff;
    background-color: #1b1c1f;
    letter-spacing: 0px;
    font-weight: 500;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    cursor: pointer;
}
/* ---------- Blog Details 1 CSS END ---------- */


/* 
--------------------------
- 37. Blog Details 2 CSS
--------------------------
*/


/* ---------- Blog Details 2 CSS END ---------- */

/* 
--------------------------
- 38. Blog Details 3 CSS
--------------------------
*/


/* ---------- Blog Details 3 CSS END ---------- */



/* 
--------------------------
- 25. Shop Page V1
--------------------------
*/
.shop-sidebar {}

.shop-sidebar {
    background-color: #fff;
    padding: 0;
}

.shop-sidebar .widget {
    background-color: #f7f7f7;
    padding: 25px;
    margin: 25px auto;
}


.shop-search {
    width: 100%;
    position: relative;
}
.shop-search form.search-form {
    position: absolute;
    left: 0;
    height: 40px;
    top: 0;
}
.shop-search button.search-submit {
    background-color: #1b1c1f;
    border: none;
    color: #fff;
    padding: 6px 18px 13px;
    cursor: pointer;
    font-size: 24px;
    letter-spacing: 0px;
    margin-left: -5px;
}
.shop-search  input {
    height: 50px;
    width: 70%;
    padding-left: 15px;
    color: #000;
    letter-spacing: 0px;
    border: 1px solid #f2f2f2;
    font-size: 12px;
}
#price-range-filter {
    position: relative;
    max-width: 350px;
    margin: 15px 40px 15px auto;
}
#price-range-filter:before {
    position: absolute;
    content: "Min";
    left: -40px;
    top: -10px;
}

#price-range-filter:after {
    position: absolute;
    content: "Max";
    right: -40px;
    top: -10px;
}
#price-range-filter .ui-slider-range {
    background-color: #1b1c1f;
}

#price-range-filter .ui-slider-handle {
    background-color: #1b1c1f;
    height: 35px;
    width: 10px;
    top: -13px;
    border: none;
}

#price-range-filter .value {
    margin-top: -25px !important;
    margin-left: -8px;
    position: absolute;
    color: #1b1c1f !important;
    font-size: 12px;
}

#price-range-filter.ui-widget {
    background-color: #d7d7d7;
}
#price-range-filter .price-range-both {
    display: none;
}


.shop-shorting {}

.shop-shorting form {}

.shop-shorting form select {
    height: 50px;
    color: #6c6c73;
    width: 100%;
    max-width: 260px;
    padding-left: 15px;
    padding-right: 10px;
}


.shop-product-single {
    position: relative;
    width: 100%;
    max-width: 350px;
    margin: 25px auto;
}

.shop-product-single .product-img {
    position: relative;
    width: 100%;
}

.shop-product-single .product-img img {}

ul.star-rating {
    padding: 0;
    list-style-type: none;
    margin: 15px auto;
}

ul.star-rating li {
    display: inline-block;
    color: #dc4f13;
    font-size: 18px;
}

ul.star-rating li i {}

.shop-product-single h2 {
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #26252f;
    line-height: 18px;
    margin-bottom: 10px;
    display: inline-block;
    width: 70%;
}

.price {
    font-size: 16px;
    letter-spacing: 0px;
    color: #575661;
    font-weight: 600;
}
.shop-product-single:hover .product-btns {
    opacity: 1;
}
.product-btns {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: .5s ease;
}
.product-btns a {
    font-size: 20px;
    margin: 5px;
    background-color: var(--color-orange);
    color: #fff;
    width: 40px;
    padding: 5px 0px;
    display: inline-block;
}

.product-btns a:hover {
    background-color: #1b1c1f;
}
/* ---------- Shop Page V1 CSS END ---------- */


/* 
--------------------------
- 26. Shop Page V2
--------------------------
*/

.shop-sidebar .shop-search {
    height: 50px;
    margin: 25px auto;
    width: 100%;
}

.shop-sidebar .shop-shorting {}

.shop-sidebar .shop-shorting form.woocommerce-ordering {}

.shop-sidebar .shop-shorting select.orderby {
    width: 100%;
    max-width: 350px;
}

.shop-sidebar .shop-search input {
    width: 100%;
    margin-right: -59px;
    padding-right: 70px;
}

.shop-sidebar #price-range-filter.ui-widget {
    margin: 50px 45px 40px 45px;
}

/* ---------- Shop Page V2 CSS END ---------- */



/* 
--------------------------
- 27. Shop Page V3
--------------------------
*/



/* ---------- Shop Page V3 CSS END ---------- */



/* 
--------------------------
- 28. Cart Page CSS
--------------------------
*/
.cart-area-wrapper {}

.cart-area-wrapper .section-title2 {
    max-width: 540px;
    margin: 0 auto;
    margin-bottom: 40px;
}

table.cart-table {
    position: relative;
    border: 1px solid #e1e1e1;
    text-align: center;
}

table.cart-table thead {}

table.cart-table thead tr {}

table.cart-table thead tr th {
    font-size: 14px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    border: 1px solid #e1e1e1;
    border-bottom: none;
}

table.cart-table tbody {}

table.cart-table tbody tr {
}

table.cart-table tbody tr td {
    border: 1px solid #e1e1e1;
    vertical-align: middle;
    padding: 0;
    font-size: 16px;
    color: #26252f;
    letter-spacing: 0px;
}

.u-cart-btn {
    position: relative;
    margin: 40px 0px;
    text-align: right;
}

.u-cart-btn a {}

.total-cart {
    position: relative;
    max-width: 500px;
    margin-left: auto;
    margin-top: 100px;
}

table.cart-table tbody tr td img {
    height: 100%;
    width: 100%;
}

table.cart-table tbody tr td:first-child {
    max-width: 120px !important;
}

table.cart-table tbody tr td a {
    color: #f00;
    font-size: 30px;
}

.total-cart h3 {
    color: #3b3f54;
    font-size: 36px;
    letter-spacing: 0px;
    font-weight: 500;
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 0px;
}

.total-cart .total-cart-table {
    margin-bottom: 40px;
    margin-top: 40px;
    width: 100%;
}

.checkout-cart-btn {
    position: relative;
    text-align: right;
}

.total-cart-table tbody {}

.total-cart-table tbody tr {
}

.total-cart-table tbody tr td {
    padding: 10px;
    font-size: 16px;
    letter-spacing: 0px;
    color: #3b3f54;
    border: 1px solid #e1e1e2;
}

.total-cart-table tbody tr td ul {
    padding: 0;
    list-style-type: none;
    margin: 15px auto;
}

.total-cart-table tbody tr td ul li {
    line-height: 24px;
}



.total-cart-table {
    border: 1px solid #e1e1e1;
}



.total-cart-table tbody tr td .cupon-wrapper {
    margin: -10px;
}

.cupon-wrapper input {
    height: 50px;
    font-size: 14px;
    letter-spacing: 0px;
    border: none;
}

.cupon-wrapper button {
    background-color: #1b1c1f;
    color: #fff;
    letter-spacing: 0px;
    font-size: 14px;
    border-radius: 0px;
}
/* ---------- Cart Page CSS END ---------- */

/* 
--------------------------
- 29. Checkout Page CSS
--------------------------
*/
.checkout-wrapper {}

.cw-left {}

.checkout-wrapper h3 {
    font-size: 36px;
    color: #3b3f54;
    letter-spacing: 0px;
    padding: 25px 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e1e1e1;
}

.checkout-wrapper input {
    border: 1px solid #e1e1e1;
    border-radius: 0px;
    height: 45px;
    letter-spacing: 0px;
    font-size: 16px;
    margin-bottom: 20px;
}

.checkout-wrapper label {
    font-size: 16px;
    letter-spacing: 0px;
    color: #26252f;
}

.checkout-wrapper input[type="checkbox"], .checkout-wrapper input[type="radio"] {
    margin-bottom: 0px !important;
    height: auto;
    margin-right: 5px;
}


.cw-right {}

.order-details-table {}

.order-details-table table {}

.order-details-table table tr {}

.order-details-table table tr td {
    font-size: 16px;
    letter-spacing: 0px;
    color: #26252f;
    border: 1px solid #e1e1e1;
    padding: 10px 15px;
}

.order-details-table table tr td span {
    font-weight: 600;
}

.p-mathode {
    position: relative;
    background-color: #fafafa;
    padding: 25px;
}

.p-mathode .p-mthode-img  {
    padding: 15px;
    background-color: #fff;
    
    border-bottom: 1px solid #e2e2e2;
}


.p-mathode .p-mthode-img img {
   width: 100%;
}

.place-confirm-btn {
    position: relative;
    text-align: right;
}

.place-confirm-btn a {
    font-size: 16px;
    letter-spacing: 0px;
    display: inline-block;
    color: #fff;
    background-color: #ff8522;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 25px auto;
}
.place-confirm-btn a:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* ---------- Checkout Page CSS END ---------- */




/* 
--------------------------
- 7. About Page V1 CSS
--------------------------
*/



.innerpage-title-area {
    position: relative;
    background-image: url(../img/bg/innerpage-1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 160px 0px 100px;
    overflow: hidden;
    z-index: 1;
}
.innerpage-title-area:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(21, 20, 20, .85);
}
.innerpage-title-area:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(../img/bg/ipv-shape.png);
    z-index: -1;
}


.innerpage-title {
    position: relative;
    text-align: center;
    margin: 25px auto;
}

.innerpage-title h3 {
    color: #fff;
    letter-spacing: 0px;
    font-size: 48px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 15px;
}
.innerpage-title .section-title2 p {
    color: #fff;
}
.innerpage-title .section-title2 {
    max-width: 480px;
    margin: 0 auto;
}
.ipt-2 .section-title2 {
    margin: 0 auto 0 0;
    text-align: left;
}

/* ---------- About Page V1 CSS END ---------- */








/* 
--------------------------
- 43. Product Details
--------------------------
*/
.related-product-wrapper .shop-product-single {
    max-width: 255px;
}



.pGallery-slider {
    position: relative;
    max-width: 540px;
}
.pGallery-slider .active .item {
    
    height: 590px;
}

.pGallery-slider .item {
    height: 590px;
}

.pGallery-slider .item img {
    height: 100%;
    width: 100%;
}

.pGallery-slider .active .item img {
    height: 100%;
    width: 100%;
}

.pGallery-slider .owl-dots {}

.pGallery-slider .owl-dots .owl-dot {
    margin: 10px 9px;
}

.pGallery-slider .owl-dots .owl-dot:first-child {
    margin-left: 0px;
}

.pGallery-slider .owl-dots .owl-dot:last-child {
    margin-right: 0px;
}
.slide-cont {
    width: 600px; 
    display: block; 
    margin: 0 auto;
}
.owl-carouse div {
    width: 100%;
}

/*SEE END OF THUMBNAIL FUCNTION TO TINKER SIZE OF THUMBS*/
.owl-carousel .owl-controls .owl-dot {
    float: left; 
    background-size: cover; 
    margin-top: 10px;
}


/* BELOW THIS IS JUST MY OWN BACKGROUND ETC AND ISN'T NEEDED */




.owl-carousel .owl-dot {
    float: left; 
    background-size: cover;
}

.product-details-info {}

.pdi-ratings {
    position: relative;
    margin: 10px auto;
}

ul.pdir-list {
    position: relative;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

ul.pdir-list li {
    display: inline-block;
    color: #f68e2e;
    font-size: 20px;
    letter-spacing: 0px;
}

ul.pdir-list li i {}

.pdi-ratings span {
    letter-spacing: 0px;
    font-size: 14px;
    color: #75767a;
    font-weight: 500;
}

.product-details-info h4 {
    font-size: 30px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    margin: 10px auto;
}

.pdi-price {
    font-size: 24px;
    letter-spacing: 0px;
    color: #1b1c1f;
    font-weight: 500;
    display: block;
    margin: 15px auto;
}

.product-details-info p {
    color: #4c4e58;
    font-size: 14px;
    line-height: 22px;
    margin: 25px auto;
    font-weight: 500;
}

ul.pdipcct {
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 25px auto;
}

ul.pdipcct li {
    color: #4c4e58;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0px;
}

ul.pdipcct li span {
    font-weight: 500;
    padding-right: 5px;
}

.pdi-quantity {
    position: relative;
    margin: 80px auto;
}

.pdi-quantity .input-group {
    max-width: 100px;
    display: inline-flex;
}

.pdi-cart-btn {
    position: absolute;
    display: inline-block;
    width: 130px;
    height: 45px;
    margin-left: 30px;
}

.pdi-quantity .input-group button,.pdi-quantity .input-group input {
    font-size: 24px;
    height: auto;
    line-height: 30px;
    padding: 8px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #ededed;
    border-radius: 0;
    letter-spacing: 0px;
}

.pdi-quantity .input-group button:hover {
    color: #1b1c1f;
}

.pdi-quantity .input-group button {
    transition: .5s ease;
}

.pdi-cart-btn a {
    background-color: #e90c4a;
    display: block;
    min-width: 130px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0px;
    padding: 10px 15px;
    line-height: 28px;
}

.pdi-cart-btn a:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pdi-share {
    position: relative;
}

.pdi-share p {
    font-size: 14px;
    letter-spacing: 0px;
    color: #4c4e58;
    display: inline-block;
    margin: 25px auto;
}

ul.pdi-list {
    position: absolute;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    top: 12px;
    margin-left: 12px;
}

ul.pdi-list li {
    display: inline-block;
    margin: 3px;
}

ul.pdi-list li a {
    font-size: 40px;
    color: #3b5998;
}

ul.pdi-list li a i {}

ul.pdi-list li a:hover {
    color: #e90c4a;
}

.product-description {
    position: relative;
    background-color: #fafafa;
    padding: 5px 25px 25px;
    margin: 60px auto;
}

.pdi-Htitle {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 500;
    padding: 0px 0px 15px;
    margin: 20px auto;
    border-bottom: 1px solid #ebebeb;
}

.pd-details-text p {
    font-size: 14px;
    letter-spacing: 0px;
    color: #7f7f7f;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 25px;
}

.product-reviews {
    position: relative;
    background-color: #fafafa;
    padding: 5px 25px 25px;
    margin: 60px auto;
}

ul.pd-r-list li {
    position: relative;
    margin: 35px auto;
}

.reviewers-img {
    float: left;
    display: inline-block;
    height: 65px;
    width: 65px;
    border-radius: 5px;
}

.reviewers-img img {
    height: 100%;
    width: 100%;
    border-radius: 5px;
}

.rvr-text {
    position: relative;
    padding-left: 75px;
}

.rvr-head {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.rvr-text p {
    font-size: 14px;
    letter-spacing: 0px;
    color: #656771;
    line-height: 24px;
}

.rvr-head h4 {
    font-size: 18px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 500;
    line-height: 28px;
    padding: 5px 0px;
}

.rvr-date {
    font-size: 14px;
    letter-spacing: 0px;
    color: #656771;
}

ul.rvr-star {
    padding: 0;
    list-style-type: none;
    float: right;
    margin-top: -15px;
}

ul.rvr-star li {
    display: inline-block;
    font-size: 20px;
    color: #f68e2e;
    margin: 0 auto;
}

ul.rvr-star li i {}

.addReviews-wrapper {
    position: relative;
    margin: 25px auto;
}

.addReviews-wrapper form {}

.addReviews-wrapper form input {
    height: 50px;
    padding: 0px 15px;
}

.addReviews-wrapper form input,.addReviews-wrapper form textarea {
    width: 100%;
    border: 1px solid #ebebeb;
    letter-spacing: 0px;
    font-size: 14px;
    margin-bottom: 15px;
}

.addReviews-wrapper form textarea {
    padding: 15px;
    height: 140px;
}

.addReviews-wrapper form button {
    background-color: #e90c4a;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0px;
    padding: 10px 15px;
    font-weight: 500;
    border-radius: 0px;
    transition: .5s ease;
}
.addReviews-wrapper form button:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pd-details-text {
    position: relative;
    padding-bottom: 5px;
}

ul.pd-r-list {
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 45px auto 50px;
}
/* ---------- Product Details CSS END ---------- */


/* 
--------------------------
- 7. About Page V1 CSS
--------------------------
*/

.about-gt-wrapper {
    position: relative;
    background-image: url('../img/section-img/about-p-1.jpg');
}
.cuw2 {}

.cuw2 .table-bordered td {
    border: none;
}

.cuw2 .table-bordered {
    border: none;
}

.cuw2 .single-counter-up {
}

.cuw2  .table-bordered td:hover {
    background-color: transparent;
}

.about-p-text-2 a {
    margin-right: 10px;
    margin-bottom: 25px;
}

.about-gt-wrapper {
    position: relative;
    border: 20px solid #1b1c1f;
    padding: 15px;
    background-image: url(../img/section-img/about-p-1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 80px;
}
.agt-text {
    position: relative;
    max-width: 535px;
    margin: 0 auto;
    padding: 50px 50px 50px;
    background-color: rgba(20, 50, 208, .80);
}

.agt-text .section-paragraph p, 
.agt-text .section-title h3 {
    color: #fff;
}
.ipt2 {
    max-width: 600px;
    margin: 25px auto;
}
.ipt2 h3 {
    margin-bottom: 20px;
}
.about-p-img-2 {
    position: relative;
    margin: 50px 0px 50px auto;
    max-width: 450px;
}

.about-p-img-2 img {
    margin-left: -80px;
    margin-top: 80px;
    border: 20px solid #1b1c1f;
    transition: .5s ease;
}

.about-p-img-2:before {
    position: absolute;
    content: '';
    height: calc(100% - 80px);
    width: 100%;
    top: 0;
    right: 0;
    border: 20px solid #1b1c1f;
    z-index: -1;
}
.about-p-text-2 {
    max-width: 465px;
    margin: 50px auto;
}
.about-p-img-2 img:hover {
    margin-left: 0;
    margin-top: 0px;
    margin-bottom: 80px;
}
.apt-2 {
    text-align: left;
    margin-left: 40px;
    padding-bottom: 10px;
}

/* ---------- About Page V1 CSS CSS END ---------- */




/* 
--------------------------
- 8. About Page V1 CSS
--------------------------
*/
.ap2-single-about {
    position: relative;
    margin: 80px auto;
}

.ap2-img {
    position: relative;
    max-width: 760px;
    display: inline-block;
    margin-right: -315px;
}


.ap2-img img {
    border-radius: 5px;
}
.ap2-content {
    position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 35px 0px rgba(10, 34, 158, 0.1);
    max-width: 650px;
    padding: 25px 50px;
    float: right;
    margin: 65px auto;
    border-radius: 5px;
}

.ap2-content .section-title {
    text-align: left;
}
.ap2sa-alt {}

.ap2sa-alt .ap2-content {
    float: left;
    z-index: 1;
}

.ap2sa-alt .ap2-img {
    margin-left: -315px;
}


.meet-the-team-inner {
    position: relative;
    padding-top: 0px;
}



.meet-the-team-inner .section-title-2 {
    text-align: center;
}

.meet-the-team-inner .section-title-2 p {
    color: #3b3f54;
}




/* ---------- About Page V2 CSS END ---------- */


/* 
--------------------------
- 9. Services Page V1 CSS
--------------------------
*/

.csa-inner {
    padding-top: 100px;
}
.csa-inner .section-title-2 {
    margin: 0 auto;
}
.csa-inner .section-title-2 p {
    color: #3b3f54;
}

.csa-inner .clientSays-carousel .owl-nav [class*=owl-] {
    text-align: center;
    padding-top: 5px;
}
/* ---------- Services Page V1 CSS END ---------- */


/* 
--------------------------
- 10. Services Page V2 CSS
--------------------------
*/

.bsb2 {
    border-radius: 25px;
    min-width: 140px;
    text-align: center;
}
/* ---------- Services Page V2 CSS END ---------- */


/* 
--------------------------
- 11. Services Page V3 CSS
--------------------------
*/


/* ---------- Services Page V3 CSS END ---------- */



/* 
--------------------------
- 12. Services Details V1 CSS
--------------------------
*/

ul.sp-list {
    position: relative;
    padding: 0px;
    list-style-type: none;
}

ul.sp-list li {
    position: relative;
    font-size: 14px;
    color: #3b3f54;
    letter-spacing: 0px;
    margin: 10px;
    font-style: italic;
    padding-left: 22px;
    transition: .5s ease;
    cursor: default;
}

ul.sp-list li:before {
    position: absolute;
    content: '\f00c';
    font-family: FontAwesome;
    left: 0;
}

ul.sp-list li:hover {
    color: #1b1c1f;
}

.ipc2 {}

.ipc2 .section-title {
    text-align: left;
}
.sd-1-p {
}

.ipc2 .section-img {
    margin-bottom: 80px;
}

.clientSays2-carousel {}

.client-says-area2 {
    position: relative;
    background-color: #f5f7ff;
}

.cs2-single {
    position: relative;
    text-align: center;
    max-width: 445px;
    margin: 0 auto;
    padding: 60px 25px;
}

.cs2-single p {
    font-size: 14px;
    color: #5f6377;
    letter-spacing: 0px;
    line-height: 22px;
    font-style: italic;
    margin-bottom: 15px;
}

.cs2-single h4 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 700;
}

.cs2-single span {
    display: block;
    font-size: 14px;
    letter-spacing: 0px;
    color: #3b3f54;
}

.clientSays2-carousel .owl-nav {
    width: 100%;
    position: absolute;
    margin-top: -150px;
}

.clientSays2-carousel .owl-dots {
    display: none;
}

.clientSays2-carousel .item {
    position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgba(12, 26, 100, 0.05);
    border-radius: 5px;
}

.clientSays2-carousel .owl-nav .owl-prev {float: left;margin-left: -60px;}

.clientSays2-carousel .owl-nav .owl-next {
    float: right;
    text-align: right;
    margin-right: -60px;
}

.clientSays2-carousel .owl-nav .owl-next,.clientSays2-carousel .owl-nav .owl-prev {
    width: 50%;
    display: inline-block;
}

.clientSays2-carousel .owl-nav i {
    color: #3b3f54;
    font-size: 30px;
    border: 2px solid #3b3f54;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    transition: .5s ease;
    padding-top: 3px;
}

.clientSays2-carousel .owl-nav i:hover {
    color: #1b1c1f;
    border-color: #1b1c1f;
}

.client-says-area2 .section-title2 {
    max-width: 565px;
    margin: 25px auto;
}
/* ---------- Services Details V1 CSS END ---------- */


/* 
--------------------------
- 13. Services Details V2 CSS
--------------------------
*/


/* ---------- Services Details V2 CSS END ---------- */

/* 
--------------------------
- 14. Services Details V3 CSS
--------------------------
*/


/* ---------- Services Details V3 CSS END ---------- */

/*
--------------------------
- 15. Contact US V1 CSS
--------------------------
*/

#map {
    height: 400px;
    width: 100%;
}
#map iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.contact-page-wrapper h4 {
    font-size: 30px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #3b3f54;
    margin-bottom: 25px;
}

.cp-wrapper {
    position: relative;
    max-width: 767px;
    margin: 0 auto;
}
.cp-wrapper form {}

form.cf {
    position: relative;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 5px;
}

form.cf label {
    font-size: 16px;
    letter-spacing: 0px;
    color: #3b3f54;
}

form.cf .form-control {
    font-size: 14px;
    letter-spacing: 0px;
    color: #000;
    height: 50px;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #fff;
    margin-bottom: 25px;
}

form.cf textarea.form-control {
    height: 200px;
}

.cf-btn {
    background-color: #1b1c1f;
    border: none;
    padding: 8px 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 500;
    cursor: pointer;
    transition: .5s ease;
}

.cf-btn:hover {box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.contact-info {
    position: relative;
    margin-top: 50px;
}

.contact-info p {
    font-size: 16px;
    letter-spacing: 0px;
    color: #3b3f54;
    line-height: 28px;
    margin-bottom: 25px;
}

.ci-single {
    position: relative;
    width: 100%;
    max-width: 350px;
    margin: 50px auto;
    min-height: 50px;
}


.cis-icon {
    position: relative;
    max-width: 60px;
    float: left;
}

.cis-icon i {
    font-size: 25px;
    background-color: #1b1c1f;
    color: #fff;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    text-align: center;
    padding-top: 12px;
}



.cis-text {
    padding-left: 65px;
}

.cis-text p {
    margin-bottom: 0px;
    line-height: 25px;
    font-weight: 500;
    color: #3b3f54;
}
.cf-msg {
	padding: 10px;
	text-align: center;
	margin-bottom: 30px;
}

.cf-msg p {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0;
	color: #000;
	text-transform: capitalize;
}

.cf-msg .alert.alert-success {}
/* ---------- Contact US V1 CSS END ---------- */



/*
--------------------------
- 16. Contact US V2 CSS
--------------------------
*/
.ci2 {
    text-align: center;
    max-width: 600px;
    margin: 100px auto 40px;
}

/* ---------- Contact US V2 CSS END ---------- */


/*
--------------------------
- 17. Portfolio V1
--------------------------
*/

/* ---------- Portfolio V1 CSS END ---------- */

/*
--------------------------
- 18. Portfolio V2
--------------------------
*/
.pfs-V2 {
    margin: 15px auto;
}
.pfs-V2 {
    margin: 15px auto;
}

.pfs-V2 .pf-hvr-icon a {
    font-size: 55px;
    border: 2px solid #fff;
    padding: 10px 15px;
}
/* ---------- Portfolio V2 CSS END ---------- */

/*
--------------------------
- 19. Portfolio V3
--------------------------
*/
.pfs-V3 {
    margin: 15px auto;
    text-align: center;
}

.pfs-V3>a {
    font-size: 18px;
    letter-spacing: 0px;
    color: #4c4d54;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    margin: 15px auto;
}
.pfs-V3 .pfs-img img {
    height: 280px;
    width: 100%;
}


.pfs-V3:hover .pfs-img:before {
    display: none;
}
.pfs-V3:hover {
    box-shadow: none;
}
/* ---------- Portfolio V3 CSS END ---------- */

/*
--------------------------
- 20. Portfolio V4
--------------------------
*/
.portfolio4-single {
    position: relative;
    max-width: 570px;
    margin: 15px auto;
}

.p4s-img {
    padding: 25px;
    background-color: #f6f7ff;
    border-radius: 5px;
    margin-bottom: 25px;
}

.p4s-img img {
    border-radius: 5px;
}

.p4s-text h4 {}

.p4s-text {
    position: relative;
    text-align: left;
    padding: 0px 25px;
    margin-bottom: 40px;
}

.p4s-text a {}

.p4s-text a h4 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    margin-bottom: 10px;
}

.p4s-text p {
    font-size: 16px;
    letter-spacing: 0px;
    color: #5b5e6c;
    line-height: 24px;
    margin-bottom: 20px;
}
/* ---------- Portfolio V4 CSS END ---------- */

/*
--------------------------
- 21. Portfolio V5
--------------------------
*/
.p5s .p4s-img {
    background-color: transparent;
}
/* ---------- Portfolio V5 CSS END ---------- */

/*
--------------------------
- 22. Portfolio V6
--------------------------
*/
.portfolio-style-6 {
    margin: 0px;
      -webkit-column-count: 3; 
      -moz-column-count: 3;
      column-count: 3;
      -webkit-column-gap: 0px;
      -moz-column-gap: 0px;
      column-gap: 0px;
      -webkit-column-width: 33.33333333333333%;
      -moz-column-width: 33.33333333333333%;
      column-width: 33.33333333333333%;
}
.pf6-single {
    max-width: 370px;
    margin: 0px;
}
  


  
  
/* ---------- Portfolio V6 CSS END ---------- */

/*
--------------------------
- 23. Portfolio Details V1 CSS
--------------------------
*/
.port-folio-details-item {
    position: relative;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
}
.portfolio-details-item {}

.portfolio-details-item .blogitem-img {
    background-color: #f6f7fa;
    padding: 25px;
    border-radius: 5px;
}
.portfolio-details-item .sbp-V2-text {
    padding: 15px;
}
.portfolio-details-item .bid-img {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}
.bid-img img {
    background-color: #f6f7fa;
    padding: 25px;
    border-radius: 5px;
    max-height: 460px;
    width: 100%;
}
.blog-page-content .bid-img img {
    height: 100%;
}
.innerpage-bottom-button .btn-style-np {
    font-size: 14px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 500;
}

.innerpage-bottom-button .btn-style-np i {
    font-size: 20px;
    color: #fff;
    background-color: #3b3f54;
    height: 30px;
    width: 30px;
    padding-top: 4px;
    text-align: center;
    margin: 10px;
}
.ipb-right {
    text-align: right;
}

.ipb-left {
    text-align: left;
}
/* ---------- Portfolio Details V1 CSS END ---------- */


/*
--------------------------
- 24. Portfolio Details V2
--------------------------
*/


/* ---------- Portfolio Details V1 CSS END ---------- */

/*
--------------------------
- 40. Pricing Page CSS
--------------------------
*/ 
.spricing-2 {
    padding-top: 15px;
}

.plan-price-old {
    color: #3b3f54;
    font-size: 24px;
    letter-spacing: 0px;
    text-decoration: line-through;
}

.spricing-2 ul.pf-list li {
    border: 1px solid #d7d7e8;
    margin-bottom: -1px;
    border-left: none;
    border-right: none;
}

.spricing-2 ul.pf-list {
    max-width: 250px;
}

/* ---------- Pricing Page CSS END ---------- */

/*
--------------------------
- 42. 404 Page CSS
--------------------------
*/ 
.error-wrapper {
    position: relative;
    text-align: center;
}

.notFound-text {
    position: relative;
    margin: 40px auto;
}

.notFound-text h4 {
    font-size: 36px;
    line-height: 46px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 700;
    margin: 25px auto;
}

.notFound-text a.btn-style-b {
    min-width: 140px;
}


/* ---------- 404 Page CSS END ---------- */





/*
--------------------------
- 41. Coming Soon Page CSS
--------------------------
*/ 

.coming-soon-area {
    position: relative;
    background-image: -moz-linear-gradient( -10deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( -10deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( -10deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    height: 100vh;
}

.coming-soon-area:before {
    position: absolute;
    content: '';
    background-image: url(../img/bg/coming-sson-overlay.png);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.c-sson-title {
    max-width: 740px;
    margin: 50px auto 30px;
    padding: 60px 0px 0px;
}

.c-sson-title h3 {
    color: #fff;
    margin-bottom: 10px;
}

.c-sson-title p {
    color: #fff;
}

.countdown-wrapper {
    position: relative;
}

.countdown {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}

.countdown .cdown {
    position: relative;
    width: 125px;
    height: 115px;
    display: inline-block;
    border: 3px solid #fff;
    border-radius: 5px;
    text-align: center;
    padding-top: 25px;
    margin: 20px;
}
.countdown .cdown:after {
    position: absolute;
    content: ':';
    right: -35px;
    top: 30px;
    color: #fff;
    font-size: 80px;
}
.countdown .cdown:last-child:after {
    display: none;
}
.countdown .cdown .time-count {
    font-size: 48px;
    color: #fff;
    letter-spacing: 0px;
}

.countdown .cdown p {
    color: #fff;
    font-size: 22px;
    letter-spacing: 0px;
}

.cs-newsletter-form {
    position: relative;
}

.nl-content {
    position: relative;
    max-width: 520px;
    margin: 25px auto;
    text-align: center;
}

.nl-content h2 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 400;
}

.nl-content .input-group {
    position: relative;
    margin: 25px auto;
}

.nl-content .input-group input {
    height: 60px;
    letter-spacing: 0px;
    font-size: 14px;
    padding-left: 20px;
    border-radius: 5px !important;
    padding-right: 20px;
}

.nl-content .input-group .input-group-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 99;
}
.nl-content .input-group button {
    background-image: -moz-linear-gradient( 56deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 56deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 56deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    color: #fff;
    font-size: 14px;
    letter-spacing: 0px;
    height: 50px;
    min-width: 120px;
    border-radius: 5px;
    font-weight: 500;
}

/* ---------- Coming Soon Page CSS END ---------- */




/*
--------------------------
- 39. Faq Page CSS
--------------------------
*/ 


.faq-accordion {}

.faq-accordion {}

.faq-accordion .card {
    border: 1px solid #cccccc;
    border-left: none;
    border-right: none;
}

.faq-accordion .card-header {
    position: relative;
    background-color: #fff;
    border: none;
    padding: 10px 0px;
}

.faq-accordion .card-header h5 {
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 500;
    color: #384554;
}

.faq-accordion .card-body p {
    font-size: 16px;
    color: #384553;
    font-weight: 300;
    line-height: 28px;
    padding: 15px 0px;
}

/* .faq-accordion .card-header i {
    float: right;
    margin-right: 5px;
} */
.faq-accordion .card-header i {
    float: right;
    margin-right: 5px;
    background-color: #b5bce7;
    color: #fff;
    height: 25px;
    width: 25px;
    text-align: center;
    border-radius: 50%;
    padding-top: 4px;
}


.faq-area {
    position: relative;
}

.faq-tab-wrapper {
    position: relative;
}

ul.faq-nav {
    display: block;
    position: relative;
    padding: 0;
    list-style-type: none;
    border: none;
    background-color: #f0f2ff;
}

ul.faq-nav li {
    border: 1px solid #eceefa;
}

ul.faq-nav li a {
    color: #3b3f54;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 500;
    display: block;
    padding: 15px 25px;
}
ul.faq-nav li span {
    color: #3b3f54;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 500;
    display: block;
    padding: 15px 25px;
    cursor: pointer;
}
ul.faq-nav li span.nav-link.active {
    background-color: #1b1c1f;
    color: #fff;
    font-weight: 400;
}
ul.faq-nav li.active span.nav-link {
    background-color: #1b1c1f;
    color: #fff;
    font-weight: 400;
}
ul.faq-nav li a.nav-link.active {
    background-color: #1b1c1f;
    color: #fff;
    font-weight: 400;
}

.faq-content {}

.faq-content .tab-pane {}

.faq-content .tab-pane.active {}

.faq-content .tab-pane .card {
    margin-bottom: 20px;
    border: 1px solid #b5bce7 !important;
    border-left: none !important;
    border-right: none !important;
}

.faq-content .tab-pane .faq-accordion {}


.faqp-accordion .card {
    display: none;
}
.faqp-accordion .allFaq.active {
    display: block;
}
/* ---------- Faq Page CSS END ---------- */




.website-lang-ui-flagselectmenu-button .ui-selectmenu-icon {
	position: absolute;
	top: 50%;
	right: 12px;
	width: 0;
	height: 0;
	margin-top: -2px;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.website-lang-ui-flagselectmenu-button .ui-selectmenu-text {
	display: flex;
	align-items: center;
}
:is(.website-lang-ui-flagselectmenu-button, .website-lang-ui-flagselectmenu-menu) .flag {
	display: inline-block;
	vertical-align: middle;
	flex-shrink: 0;
	margin-right: 7px;
	aspect-ratio: 4 / 3;
	width: 22px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
:is(.website-lang-ui-flagselectmenu-button, .website-lang-ui-flagselectmenu-menu) .flag--en {
	background-image: url(../img/flags/gb.svg);
}
:is(.website-lang-ui-flagselectmenu-button, .website-lang-ui-flagselectmenu-menu) .flag--az {
	background-image: url(../img/flags/az.svg);
}
.website-lang-ui-flagselectmenu-button {
	position: relative;
	display: flex;
	align-items: center;
	padding: 6px 12px;
	width: 110px !important;
	height: 40px;
	cursor: pointer;
	color: #333 !important;
	font-size: 15px;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	background-color: rgba(255, 255, 255, 0.5) !important;
	border: 1px solid rgba(204, 204, 204, 0.5) !important;
	border-radius: 4px !important;
	outline: none;
}
.website-lang-ui-flagselectmenu-button:hover,
.website-lang-ui-flagselectmenu-button-open {
	background-color: rgba(230, 230, 230, 0.5) !important;
	border-color: rgba(173, 173, 173, 0.5) !important;
}
.website-lang-ui-flagselectmenu-button:active {
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.website-lang-ui-flagselectmenu-button:active:hover {
	background-color: #d4d4d4 !important;
	border-color: #8c8c8c !important;
}
.website-lang-ui-flagselectmenu-menu {
	position: absolute;
	z-index: 1000;
	display: none;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.website-lang-ui-flagselectmenu-open {
	display: block;
}
.website-lang-ui-flagselectmenu-menu ul {
	margin-bottom: 0;
	padding-left: 0;
	color: #333;
	font-size: 15px;
	border-width: 0 !important;
	border-radius: 4px;
	outline: none;
	overflow: hidden;
}
.website-lang-ui-flagselectmenu-menu .ui-menu-item-wrapper {
	display: flex;
	align-items: center;
	padding: 6px 12px;
	cursor: pointer;
	color: #333 !important;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.42857143;
	height: 30px;
	border-width: 0 !important;
}
.website-lang-ui-flagselectmenu-menu .ui-state-active {
	color: #fafafa !important;
	background-color: #99AAFF !important;
}
.website-lang-ui-flagselectmenu-menu .ui-menu-item-wrapper .country {
	transition-property: none;
}




.service-card{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  margin-bottom:30px;
  transition:transform .3s ease, box-shadow .3s ease;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.service-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.service-card a{
  text-decoration:none;
  color:inherit;
  display:block;
}

.service-card img{
  width:100%;
  height:auto;
  display:block;
}

.service-card .card-body{
  padding:20px 24px 24px;
}

.service-card h5{
  font-size:1.1rem;
  font-weight:600;
  color:#1d1d1f;
  margin:0;
  letter-spacing:-0.2px;
}




.blog-details-thumb {
    margin-bottom: 30px;
}
.blog-details-thumb img {
	display: block;
	width: 100%;
    border-radius: 10px;
}
.blog-details-content > .title {
    font-size: 36px;
	line-height: 1.2;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.blog-meta-three .list-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 25px;
	padding-left: 0;
	list-style: none;
}
.blog-meta-three .list-wrap li {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    gap: 5px;
}
.blog-meta-three .list-wrap li i {
    line-height: 0;
    color: #2d52cf;
    font-size: 20px;
    margin-right: 5px;
}
.blog-meta-three .list-wrap li img {
    border-radius: 50%;
    margin-right: 5px;
}
.blog-details-content > p {
    margin-bottom: 15px;
}
.blog-details-content .title-two {
    font-size: 30px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.blog-sidebar {
    margin-left: 15px;
}
.blog-widget {
    border: 1px solid #E0E6F2;
    border-radius: 10px;
    padding: 25px 30px 30px;
}
.blog-widget .bw-title {
    margin-bottom: 25px;
    font-size: 22px;
    position: relative;
    padding-bottom: 12px;
}
.blog-widget .bw-title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 4px;
    border-radius: 4px;
    background: #2d52cf;
}
.rc-post-item {
    display: flex;
    align-items: center;
}
.rc-post-item + .rc-post-item {
    margin-top: 25px;
}
.rc-post-item .thumb {
    width: 75px;
    flex: 0 0 auto;
    margin-right: 15px;
}
.rc-post-item .thumb img {
    border-radius: 8px;
	width:75px;
	height:75px;
	object-fit:cover;
}
.rc-post-item .content .date {
    display: flex;
    align-items: center;
	color: #667594;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 8px;
}
.rc-post-item .content .date i {
    margin-right: 8px;
    color: #2d52cf;
    font-size: 20px;
}
.rc-post-item .content .title {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
	line-height: 1.2;
    text-transform: capitalize;
}




/* services-sidebar */
.services-sidebar {
    padding-right: 20px;
}
.services-cat-list .list-wrap {
    padding-left: 0;
	list-style: none;
}
.services-cat-list .list-wrap li {
    margin-bottom: 10px;
}
.services-cat-list .list-wrap li:last-child {
    margin-bottom: 0;
}
.services-cat-list .list-wrap li a {
    border: 1px solid #E0E6F2;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 22px;
    background: #fff;
    font-weight: 600;
    font-size: 18px;
    font-family: Poppins, sans-serif;
    color: #020c2c;
	line-height: 1.62;
    text-transform: capitalize;
}
.services-cat-list .list-wrap li a i {
    margin-left: 10px;
    font-size: 22px;
    line-height: 0;
    color: #667594;
    transition: all 0.3s ease-out 0s;
}
.services-cat-list .list-wrap li.active a,
.services-cat-list .list-wrap li a:hover {
    background: #ff4b00;
    color: #fff;
    border-color: #ff4b00;
}
.services-cat-list .list-wrap li.active a i,
.services-cat-list .list-wrap li a:hover i {
    color: #fff;
}

/* services-details */
.services-details-content .title {
    font-weight: 800;
    font-size: 36px;
	line-height: 1.2;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.services-details-content > p {
    margin-bottom: 15px;
}
.company-benefit-wrap {
    margin-top: 40px;
}
.services-details-content .title-two {
    font-size: 30px;
	line-height: 1.2;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.company-benefit-wrap p {
    margin-bottom: 25px;
}

/* Gallery Section */
.gallery-section {
	margin-top: 25px;
}
.gallery-section :has(> .d-flex).row {
	--bs-gutter-x: 30px;
	row-gap: var(--bs-gutter-x);
}
.gallery-section .img-fluid {
	object-fit: cover;
}
.gallery-section .overlay {
	border-radius: 5px;
}
.effect-image-1{
	position: relative;
	display: block;
}
.effect-image-1 img {
	border-radius: 5px;
}

.overlay{
	position: absolute;
	display: grid;
	place-content: center;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background: rgba(0,0,0,.2);
    border-radius: 10%;
	opacity: 0;
	visibility: hidden;
   transition: all .4s linear;
   -webkit-transition: all .4s linear;
   -moz-transition: all .4s linear;
   -o-transition: all .4s linear;
}
.simple-overlay{
    opacity: 0;
    visibility: hidden;
}
.effect-image-1:hover .simple-overlay{
    visibility: visible;
    opacity: 1;
}
.lightbox .lb-data .lb-close {
	background-size: cover;
}
.lg-backdrop {
	background-color: rgba(30, 30, 30, 0.9);
}
.lg-outer .lg-thumb-outer {
	background-color: transparent;
}




#partners {
	background-color: #ececec;
}
#partners .col-12 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 18px;
}
.p_item {
	width: 157px;
	height: 157px;
	background: white;
	transition: all 0.3s ease-out;
	position: relative;
}
.p_image {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.p_image .f_p_image_1 {
	position: absolute;
	inset: 5px 20px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	filter: grayscale(100%);
	transition: filter 0.3s;
}
.p_image:hover .f_p_image_1 {
	filter: none;
}




@media (max-width: 1199px) {
  .blog-details-content > .title {
    font-size: 30px;
  }
	.blog-sidebar {
		margin-top: 80px;
		margin-left: 0;
	}
	.services-details-content .title {
		font-size: 30px;
	}
	.services-details-content .title-two {
		font-size: 24px;
	}
	.services-sidebar {
		margin-top: 80px;
		padding-right: 0;
	}
}




@media (max-width: 767px) {
	.blog-details-content > .title {
		font-size: 26px;
	}
	.services-details-content .title {
		font-size: 28px;
	}
	.services-details-content .title-two {
		font-size: 26px;
	}
	.footer-widget-area .row > div + div {
		margin-top: 40px;
	}
}


.d-none{ display: none !important; }
.disabled-e{ pointer-events: none; opacity:0.6; }
.cursor-disabled{ pointer-events: none; }
.pointer{ cursor:pointer !important; }
.cursor-default {cursor: default !important;}

/* pagination */
.customPagination { margin-top:20px !important; display: inline-block; margin:0px 0px; background-color:#fff; }
.customPagination a { color: black; float: left; text-decoration: none; border:1px solid #ddd; margin-left: -1px; transition: all .5s ease; padding: 2px 12px; border-radius: 2px; }
.customPagination span { color: black; float: left; text-decoration: none; border:1px solid #ddd; margin-left: -1px; transition: all .5s ease; padding: 2px 12px; border-radius: 2px; }
.customPagination span.current { float: left; background-color: #1b1c1f; color: white; border-radius: 2px; padding: 2px 12px; }
.customPagination a:hover:not(.active) { color:#000 !important; background-color: #ddd; border-radius: 2px; }
@media (max-width: 768px) { .customPagination span, .customPagination span.current, .customPagination a { padding: 0px 8px; } }
.pe-empty{ border:none !important; }
/* end pagination */